按鈕通過jQuery不會觸發。點擊事件

Question

我有以下的jQuery代碼來創建表中的每一行的按鈕創建。刪除按鈕的單擊事件：

$(".removeruleset").click(function(){ 
      alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
    }); 

將行添加到我的表的代碼以及刪除按鈕的作品。但是，當我點擊其中一個刪除按鈕時，它不會觸發點擊事件。

作爲一個測試，我創建了一個按鈕，像這樣，jQuery的以外：

<input type="button" class="removeruleset" value="push me"> 

，並觸發click事件沒有問題。 你能告訴我我要去哪裏嗎？

謝謝。

編輯1

我試着改變代碼看起來像這樣：

 $(document).on("click", ".removeruleset", function(){ 
      alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
    }); 

但是，這使我有以下錯誤：

SCRIPT438：對象不支持財產或方法「上'

我正在使用版本1.5.2。

所以，我提到了在一些評論（Event binding on dynamically created elements?）中提到的文章，並嘗試這樣做，而不是：

$("body").delegate("click", ".removeruleset", function(e){ 
      alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
    }); 

這擺脫了錯誤消息，但事件處理程序依然沒有觸發 還嘗試過：

$("body").on("click", ".removeruleset", function(e){ 
      alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
    }); 

謝謝。

Answer 1

，你可以嘗試一下本作的動態控制。

$('#id').live('click', function() { 

    ----your code-- 

}) 

否則你可以試試這個：

>>>$(document).on('click','#id', function() { 

    -----your code --- 

    }) 

Answer 2

試試這個： -

$(document).on("click", ".removeruleset", function(){ 
      alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
    }); 

當您添加的事件它是不存在的元素。爲了使這項工作，你需要使用事件委派。

Answer 3

在另一種方法是做這個htmlstring = htmlstring + '<td><input type="button" value="Remove" class="removeruleset"click=\"myhandler\"/></td>'

，其中將myHandler是一個功能

function myhandler(){ 
alert('inside'); 
      id = $(this).closest('tr').attr('id'); 
      alert(id); 
}