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"); 
    });
});

jquery选择器单击不从动态生成的按钮触发？

2 个答案: