jQuery로 색칠

Question

tr을 .click 이벤트로 색칠하려고합니다. jquery를 사용하고 있습니다.

내 코드는 정적 인 첫 번째 행에 색칠하는 데 아무런 문제가 없지만 jQuery로 만든 다른 행은 색칠하고 싶지 않습니다.

왜 다른 행을 사용하고 있는지 알 수 없습니다. `당신이 jQuery를 선택기를 실행할 때 요소가 DOM에없는 때문이다 http://jsfiddle.net/1mihcc/7okvbkg2/1/

Answer 1

:

$(function() { 
    $('tr').click(function() { 
     $(this).toggleClass("obarva"); 
    }); 
}); 

여기에 기존 코드입니다. event delegation을 사용하십시오.

$(function() { 
    $(document).on('click', 'tr', function() { 
     $(this).toggleClass("obarva"); 
    }); 
});