web-dev-qa-db-fra.com

<span> jQuery .click () ne fonctionne pas

J'ai donc créé un "bouton" de suppression sur une période, mais pour une raison quelconque, je ne parviens pas à faire virer le fichier .click (). Des idées? Je suis nouveau sur jQuery et je pense que c'est quelque chose d'évident. J'ai testé sous Chrome et Safari sans succès. 

CSS:

.delete_button {
    cursor:pointer;
    color: #fff;
    border: 1px solid #FFF;
    border-radius: 15px;
    background: #AAA;
    font-size: 8px;
    line-height: 0px;
    padding: 0px 2px 0px 2px;
}

HTML/PHP:

<span class="delete_button" id="delete_<? echo $some_id; ?>">X</span>

jQuery: 

$(document).ready(function() {
    $('.delete_button').click(function() {
            var transaction_id = $(this).attr('id').replace('delete_','');
            alert("Delete transaction #" + transaction_id);
            return false;
        });
});
javascriptjqueryhtmlcss
26
Charles Harrison

Il semble que le span soit créé dynamiquement, vous devez utiliser la délégation d'événements. Liez-le au parent ou document statique le plus proche

$(document).on('click','.delete_button',function(){
   /*Your code*/
});
11
Anton

Il existe une solution plus simple pour l'ancien WebKit: définissez le curseur sur un pointeur via CSS pour la plage .. .. Testé et fonctionnant sur une application Web de musique.

0
Igor Nardo