JQuery委託方法不起作用

Question

我想在我用DataTables.Net插件包裝的網格上使用委託方法。我原本有這樣的代碼，按預期工作。

$("#myGrid tbody tr").click(function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

但是，如果我改變分頁大小，那麼較新的行沒有調用函數的click事件。我決定新的JQuery委託方法應該做我想要的;然而，它在任何tr元素上什麼也不做。

任何人都可以解釋爲什麼這不起作用：

$('#myGrid tbody').delegate('tr', 'click', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

我曾嘗試選擇的不同組合，並沒有得到它的工作。

感謝 保羅斯佩蘭扎

Answer 1

使用此：

$("#myGrid tbody tr").live('click', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

.live()作品未來元素的電流。

Answer 2

如果被動態地添加新的行，你必須使用live方法上的項目，改變delegate到live

Answer 3

試試這個：

$('#myGrid').delegate('tr', 'click', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

有一個很好的機會，一些事件你身上的東西越來越混亂和/或你的屍體正在被操縱。我懷疑整個桌子也有這個問題。

Answer 4

試試這個

$('#myGrid tbody').delegate('click', 'tr', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

或

$('body').delegate('click', '#myGrid tbody tr', function() { 
    var id = $(this).children('td').eq(0).text(); 
    alert(id); 
}); 

Answer 5

在幕後，bind，delegate和live都使用方法on。

我有一些問題delegate，所以我開始使用on來代替。 將您的delegate電話轉換爲on很簡單：只需交換第一個和第二個參數即可。

此：

$('#myGrid tbody').delegate('tr', 'click', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

變爲這樣：

$('#myGrid tbody').on('click', 'tr', function() { 
     var id = $(this).children('td').eq(0).text(); 
     alert(id); 
    }); 

BTW：live jQuery中的新版本已經過時