Jquery Klick-Ereignis auf einer Liste funktioniert anders in Firefox und anderen Browsern

Question

Ich arbeite derzeit an einem dynamischen Warenkorb. Der Prozess ist wie folgt: Es gibt eine Liste von Elementen mit der gleichen Klasse, genannt "cartElement". Wenn der Benutzer auf ein Element mit dieser Klasse klickt, erhält das Skript seine ID oder die ID seines übergeordneten Elements, wenn es keine hat (dies liegt an unterschiedlichen Elementtypen), und sendet es dann an eine andere Funktion. Hier

ist das Skript:

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

Hier ist ein HTML-Element:

<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> 

Das funktioniert perfekt in jedem Browser außer für Firefox, die nichts gibt, nicht einmal einen Fehler. Ich habe versucht, console.log an verschiedenen Stellen hinzuzufügen, um zu sehen, wo es bricht. Ich bekomme eine console.log() Ausgabe vor der if() Anweisung, aber nicht danach. Irgendeine Idee ?

Answer 1

Firefox verwendet keine globale Event-Modell, müssen Sie es explecitely zum Event Callback-Handler übergeben:

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