Question

我遇到了很小的问题。

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

Answer 2

使用document.ready它正在运作。看看这个：

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<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>

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>


$(document).ready(function(e) {

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

        alert('Test Ok');
    });

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

        alert('Ok');
    });

});

<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

3 个答案: