Klasse Klick löst nicht

Question

http://jsfiddle.net/yTkTd/

Eine weitere Funktion mit einer Klasse perfekt funktioniert, aber diese scheint mir Mühe zu geben. Keine Konsolenfehler oder irgendetwas, es wird einfach nicht ausgelöst.

EDIT: NEW JSFIDDLE http://jsfiddle.net/yTkTd/9/

Answer 1

Platzieren Sie a .delegate() handler unter #showList, damit die Klicks für die dynamisch erstellten .show Elemente verarbeitet werden.

Hier ist Ihr aktualisiertes Beispiel:http://jsfiddle.net/yTkTd/11/

$('#showList').delegate('.show', 'click', function() { 
    showID = $(this).attr("id"); 
    $(".show").fadeOut("slow"); 
    $(this).fadeIn("slow"); 
    $.getJSON('https://api.phish.net/api.js?api=2.0&method=pnet.shows.setlists.get&format=json&apikey=A9E68C2561D7442F041C&callback=?&showid='+showID, function pnet3setlist(data) { 
     $('#showList').append("<div>"); 
     for (i = 0; i < data.length; i++) { 
      var n = data[i]; 
      $('#setList').append("<a class='show' href='#' id='setlist"+n['showid']+"'>"+n['setlistdata']+"</a>"); 
     } 
     $('#showList').append("</div>"); 
    }); 
}); 

Answer 2

Ändern Sie den Rahmen zu jQuery. Derzeit ist Mootools Ihre Bibliothek.

Answer 3

Sie hatten JSFiddle für die Verwendung von mootools festgelegt, während Sie jQuery verwendeten. Ich aktualisierte und lief und der Klick funktioniert gut ... http://jsfiddle.net/yTkTd/6/

Answer 4

Die .show Elemente werden dynamisch hinzugefügt, nachdem Ihr Click-Handler angeschlossen ist. Sie sollten .live() statt:

$(".show").live("click", function() { 
    alert('hello'); 
}); 

Dies gleich verhalten wird, verursachen aber jQuery auf Dokumentebene für Click-Ereignisse zu hören (was immer da ist), aber überprüft, ob das Quellelement ein ".show" ist.