jQuery的問題，onmouse在事件不工作的新行

Question

我有幾行HTML表，我已經包含在CSS類特定行的一個jQuery功能

$('tr').mouseover(function() { 
    $(this).addClass('row_over'); 
}); 

使鼠標變化。那麼我已經使用jquery添加了一行，但是鼠標懸停功能在動態添加的行上不起作用，鼠標懸停功能可以在除此新行之外的所有行中起作用。

請幫我sortout這個問題

謝謝

Answer 1

使用.live事件綁定到頁面加載後創建的元素。

Answer 2

而不是使用.mouseover的，你需要使用.live

$('tr').live('mouseover', function() { 
    $(this).addClass('row_over'); 
}); 

但是要小心使用.live（）方法有使用它的性能受到影響。

如果可以，添加新行的時候，儘量結合​​新的鼠標懸停到該行動態：

row = addNewRow(); 
row.mouseover(function() { ... });