는 DOM이

Question

나는이 같은 마우스 오버 효과를 제공하는 TR 태그에 결합하는 기능이 변경 후 자바 스크립트 이벤트에 바인딩하는 방법 : (". 그리드 TR").

$를 바인드 ("mouseenter를 ", function() { $ (this) .addClass ("hover "), }). 페이징이 발생하거나 여과 등이 그리드 완전히 대체하고, 모든 이벤트 바인딩이 실패 할 때

문제는 AJAX로로드 된 격자이다. DOM이 변경되는 경우에도 일치하는 요소에 자동으로 첨부되는 이벤트에 바인딩하는 방법이 있습니까?

감사합니다.

Answer 1

$.live 당신이 원하는 무엇인가 :

$(".grid tr").live("mouseenter", function() { $(this).addClass("hover"); }).bind("mouseleave", function() { $(this).removeClass("hover"); }); 

Answer 2

또는 당신이 사용할 수 $.delegate

상세 정보 : .live() 그것으로 jQuery를에서 더 이상 사용되지 않습니다으로 what is the best practice of binding jQuery click event to each anchor tag on every row of a table이

Answer 3

, 지금부터 .on()을 사용하십시오 비효율적이다.

$(".grid tr") 
    .on("mouseenter", function() { $(this).addClass("hover"); }) 
    .on("mouseleave", function() { $(this).removeClass("hover"); });