jQuery .on（）不綁定事件處理程序

Question

我試圖將一個事件處理程序附加到動態變化表中的每一行，但沒有成功（使用jQuery版本1.11.0） *編輯：許多人指出出，「懸停」是depricated，但我的問題也與其他處理*

$('#tableBody tbody').on('hover', 'tr', function() { 
    alert('hovering on a row'); 
}); 

上面的代碼是幾乎等同於jQuery的文檔 - http://api.jquery.com/on/，我嘗試了其他變化，如

存在

$(document).on('hover', '.tableRow', function(){...}); 

事件處理程序不會被添加。 我應該注意到，表格的內容通過AJAX檢索然後顯示，這就是我使用.on（）方法的原因。

Answer 1

將'hover'作爲字符串傳遞給.on()不再受支持（在v1.9中刪除，如.on() documentation中的「其他註釋」中所述）。相對應的是使用'mouseenter mouseleave'代替，或者如果你只是想要做的事，當鼠標進入有問題的嘗試元素（S）：

$('#tableBody tbody').on('mouseenter', 'tr', function() { 

注意，#tableBody元素將需要在時間，要存在運行，因此您需要將其包含在文檔就緒處理程序中，或者包含在主體末尾的腳本元素中。

和ID 'tableBody'聽起來像它分配給<tbody>元素，這沒有任何意義，當你選擇還包括tbody爲#tableBody一個孩子。

Answer 2

'mouseenter'事件應該可以正常工作。

$('#myTable tbody').on('mouseenter', 'tr', function() { 
    alert('hovering on a row'); 
}); 

這是jsfiddle