Question

我有第一个js文件包含我所有的东西，而且我的按钮已经用指定的类创建。在第二个js文件中，当点击该类的按钮但它不起作用时，我想做一些事件。有什么建议？

这是我对第一个js文件的调用

<script src="js/tmdb/searchFilm.js"></script>

然后在文件中我创建了这个元素：

var td = tr.insertCell();
   var btn = document.createElement("button");   
   btn.setAttribute("type", "button"); 
   btn.setAttribute("id",ids[i]);
   btn.setAttribute("class","btnInfo");
   var t = document.createTextNode("More info");       
   btn.appendChild(t);

一切都很好

但是在第二个js文件中我有这个

  $(document).ready(function () {
      $('.btnInfo').click(function (event) {
          console.log("arrivato");
      });
  });

但如果我将脚本添加为第一个不起作用，那么有什么建议吗？

控制台上的零输出

Answer 1

尝试在

中重命名event

$('.btnInfo').click(function (event) {
    console.log("arrivato");
});

其他内容，例如e。那应该解决它。

Answer 2

您的问题可能是因为您正在动态添加按钮，因此jquery事件处理程序未附加到它。

尝试将相同的事件添加到加载文档时（并且未动态添加）的直接父级。事件冒出来，所以它应该被父元素捕获。

不是绑定到'.btnInfo'，而是将其绑定到直接父级

我有2个js文件，但第二个不起作用

2 个答案: