點擊事件未通過動態創建按鈕觸發

Question

我已經在div中動態創建了按鈕。 並綁定按鈕的click和其他事件。 但是問題是，單擊事件僅觸發了一個第一次單擊按鈕。 其他綁定事件也是如此。 示例代碼是

 $('#divButtons input[type=button]').each(function () {
     $(this).bind('mouseover', function (e) {
         // some work
     }).bind('mouseout', function (e) {
         // some work
     }).bind('click', function (e) {
         // some work
     });
 });

將其綁定到document.ready()時，它的工作效果很好，但是在我看來，在DOM准備好之后就創建了按鈕。

我也想知道為什么會這樣...？

Answer 1

如果使用jQuery 1.7+，請使用on（），並且實際上不需要each（）：

$(document).on({
    mouseover: function(e) {
            // some work
    },
    mouseout: function(e) {
           // some work
    },
    click: function(e) {
           // some work
    }
}, '#divButtons input[type=button]');

用最近的非動態元素替換文檔，以委派事件處理程序。