Question

我正在尝试在测试应用上实现上一个按钮。我不能得到按钮id =“prev”来开火。我保持这样简单：

//Begin Previous Button Click Function
  //
  $("#btn2").click(function() {
      alert("i'm in previous button click");
  });
  // End of Previous Click Function

这是jsfiddle 我在控制台中什么也得不到，并且在步进程序时不会调用函数中的断点。我检查了DOM，以确保btn2在那里，它是。任何建议都表示赞赏。

Answer 1

目前您使用的是＆＃34; direct＆＃34;绑定，它只会附加到代码进行事件绑定调用时页面上存在的元素。

正在动态创建元素。在动态生成元素或操作选择器（如删除和添加类）时，需要使用Event Delegation委托事件方法.on() ）。

一般语法

$(staticParentElement).on('event','selector',callback_function)

实施例

$('#div2').on('click', '#prev', function(){ 
     //Your code
});

Answer 2

您的问题似乎没有意义 - 如果您希望触发id =“prev”的项目，那么您的选择器应该是;

$("#prev")

不

$("#btn2")

Answer 3

当文档准备时元素不存在，因为您将后插入到DOM中。

尝试使用此实例：

$(document).on("DOMNodeInserted", function() {
    // Call your prev button function or insert the code here
});

jQuery Button点击不解雇问题

3 个答案: