jquery - 使用 .on 时不触发？

Question

我在这里期望的是当我单击类时触发的功能，但它没有发生！a.button 是动态创建的，但是当它完全加载时就在页面上！

任何想法为什么？

HTML：

   <a class="btn btn-success useImg">
          <i class="fa-icon-plus"></i>
          <span>Use</span>
   </a>

查询：

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

score 4 · Accepted Answer

您的代码在独立的 jsFiddle 中运行良好，您可以在此处看到。

因此，您必须遇到以下问题之一：

$(document).ready()您可以通过将代码放入处理程序或使用委托事件处理来防止第一项。

对于第二项，您必须检查浏览器错误控制台是否有脚本错误。

score 1 · Accepted Answer

您需要将 click 事件添加到 DOM 树更上方的另一个元素，然后对其进行过滤以处理您的锚元素。这将触发.useImg该类的任何元素，包括动态添加的元素。

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

确保将代码包装在 jQuery DOM Ready 事件中以确保页面已完全加载。例如

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

score 0 · Accepted Answer

尝试，当文件准备好时

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

score 0 · Accepted Answer

0

$(document).ready(
  $('.useImg').click(function(){ alert(test); })
)

于 2013-05-12T17:43:55.780 回答

score 0 · Accepted Answer

尝试使用$("body").on("click", ".useImg", function(){ alert("test"); });

5 回答 5