JQuery вопрос, onmouse над событием не работает на новой строке

Question

У меня есть HTML-таблицы с несколькими строками, я включил функцию Jquery как

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

так что на мыши над классом CSS этой конкретной строки изменения. то я добавил еще одну строку, используя jquery, но функция мыши над функцией не работает с динамически добавленной строкой, функция mouse over работает во всех строках, кроме этой новой.

Пожалуйста, помогите мне SORTOUT этот вопрос

Спасибо

Answer 1

Используйте .live события для связывания элементов, созданных после загрузки страницы.

Answer 2

Вместо использования .mouseover, вам нужно использовать .live

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

Однако будьте осторожны при использовании .live() метод есть хит производительности для его использования.

Если вы можете, при добавлении новой строки, попробуйте назначить новую MouseOver для этой строки динамически:

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