javascript - 按名称单击事件在 jQuery 中不起作用

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 7 年前。

我遇到了一个很小的问题。

<a href="#" class="btn btn-small btn-danger" name="ignore" id="45"><i class= "fa fa-close"> </i> Ignore </a>

<a title="ignore1" data-original-title="ignore1" id="14" name="ignore1" class="btn btn-small btn-danger" href="#"><i class="fa fa-close"> </i> Ignore1 </a>

您可以看到两个超链接，这是 jQuery 代码。

$("a[name='ignore1']").click(function() {
    alert('Test Ok');
});

$("a[name='ignore']").click(function() {

    alert('Ok');
});

我没有警觉。您对此有什么建议吗？

Answer 1

您需要确保 DOM 已加载。

$(function(){
    $("a[name='ignore']").click(function(){
        alert('yesss');
    });     
});

如果您要动态加载元素，您可能需要使用 on() 来动态附加事件:

$(document).on("click","a[name='ignore']", function() {
    alert('yesss');
});