Zdarzenie kliknięcia Jquery na liście działa inaczej w przeglądarce Firefox i innych przeglądarkach.

Question

Obecnie pracuję nad dynamicznym wózkiem. Proces wygląda następująco: Istnieje lista elementów z tą samą klasą, zwanych "cartElement". Gdy użytkownik kliknie jeden element z tą klasą, skrypt otrzymuje identyfikator lub identyfikator rodzica, jeśli go nie ma (wynika to z różnych typów elementów), a następnie wysyła go do innej funkcji.

Oto scenariusz:

$('.cartElement').click(function() { 
    var id; 
    if (event.target.id == '') 
     id = event.target.parentNode.id; 
    else 
     id = event.target.id; 
    cartRequest(id); 
}); 

Oto jeden element html:

<div class="sub-addToCart float-lt"> 
    <button class="addToCart cartElement" id="webreseaux"> 
     <p class="float-lt">Je veux !</p> 
     <i class="icon-cart float-rt"></i> 
    </button> 
</div> 

Działa to doskonale w każdej przeglądarce z wyjątkiem Firefox, która wyprowadza nic, nawet błąd. Próbowałem dodać console.log w różnych punktach, aby zobaczyć, gdzie się zepsuje. Dostaję wyjście console.log() przed instrukcją if(), ale nie po nim. Dowolny pomysł ?

Answer 1

Firefox nie korzysta z globalnego modelu zdarzeń, trzeba przejść go explecitely do obsługi zdarzeń callback:

$('.cartElement').click(function(event){ //<<< pass 'event' here 
    /* .... */ 
});