javascript - 类点击不会触发

Question

http://jsfiddle.net/yTkTd/

另一个带有类的函数工作得很好，但是这个似乎给我带来了麻烦。没有控制台错误或任何其他错误，它只是不会触发。

编辑:新 JSFIDDLE http://jsfiddle.net/yTkTd/9/

Answer 1

地点a .delegate() handler在 #showList 上，因此它将处理动态创建的 .show 元素的点击。

这是您更新后的示例: 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>");
    });
});