Jquery.on() 方法

Question

我想允许根据条件单击我的按钮。因此，我使用 .on() 方法来允许在“clickable”类存在时单击。 :

$(".button").on("click", ".clickable", function () { 
  alert("click");
});

$("#stop").click( function () {
  $(".button").removeClass('clickable');
});

但我从一开始就无法点击我的按钮。我的 .on() 方法不正确吗？

这是我的 html 结构:

<div class="button clickable">1</div>
<div class="button clickable">2</div> 
<div class="button clickable">3</div>

谢谢

Answer 1

我对 HTML 结构做出以下假设:

<someelement class="button clickable"></someelement>

听起来您可能要向页面添加/删除元素，或者只是更改事件按钮的选择，您应该使用 delegate或live形式 on使用父节点作为基本选择器。最简单的使用是 document :

$(document).on('click', '.button.clickable', function () {...});

第二个参数中的选择器必须是第一个选择器的后代(在本例中为 $(document) )。

<小时/>

如果您调用的是:

$('.button.clickable').on('click', function () {...});

然后删除了 clickable类(假设 #foo 是按钮之一):

$('#foo').removeClass('clickable')

当您单击按钮时，您仍然会触发事件监听器，因为该事件直接绑定(bind)到匹配集中的每个元素上。