jquery - jQuery选择器点击不会从动态生成的按钮触发？

Question

以下按钮是从 ajax 成功调用生成的（其中有很多）：

<a class="btn appDetails" href="#myModal" data-toggle="modal" role="button">' + data.Application_Name + '</a>

我已经尝试了以下所有方法，但似乎都没有触发：

$('.appDetails').click(function () {
    alert("test");
});

$('.appDetails').live("click", function () {
    alert("test");
});

$('.appDetails').on("click", function () {
    alert("test");
});

$('document').on("click",".appDetails", function () {
    alert("test");
});

可能遗漏了一些愚蠢的东西......请注意，单击链接确实会正确打开引导模式。不知道这是否冲突，我不这么认为......

Answer 1

你需要这样做

$(document).on("click",".appDetails", function () {
    alert("test");
});

Answer 2

您可能需要使用 $(document).ready

$(document).ready(function() {
    $('.appDetails').live("click", function () {
        alert("test");
    });
});

// 1.7+
$(document).ready(function() {
    $(document).on("click", ".appDetails", function() { 
        alert("test"); 
    });
});