删除课后的事件委托

Question

我有一个按钮

<button data-button='next' class="disabled">next</button>

我删除已禁用的类以激活但该事件不起作用

   $("[data-button='next']:not(.disabled)").on('click', document, function(){

我怎样才能实现这个目标

Answer 1

这不是event delegation的正确语法，请按如下方式更新。

// provide any selector which is parent of the dynamic element
//--\/-- and present when handler is attaching
$(document).on('click', "[data-button='next']:not(.disabled)", function(){
   //  --------------------^^^^^---- provide the selector of corresponding  dynamic element
   // code here
});

$(document).on('click', "[data-button='next']:not(.disabled)", function() {
  console.log('clicked');
});

$("[data-button='next']").removeClass('disabled')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button data-button='next' class="disabled">next</button>