리퀘스트 데이터 assync에 의해 동적으로 채워지는 테이블의 행을 강조 표시합니다.

Question

assync 요청 (JSON 형식)으로받은 데이터가있는 행으로 테이블을 업데이트해야합니다. 필자는이 작업을 매우 잘 수행하고 있습니다 (수신 된 데이터를 동적으로 생성하기 위해). 이제 사용자가 마우스를 올려 놓았을 때 강조 표시하고 사용자가 클릭 할 때 다른 div의 행에 대한 특정 정보를 표시하는 등 해당 행에서 일부 이벤트를 설정하려고합니다.

여러 가지 방법으로 시도했지만 아무 일도 없었습니다. 이벤트는 전혀 작동하지 않습니다. 저는 Spring Framework mvc를 사용하고 있으며 뷰 레이어는 Tiles 템플릿 (header.jspx, menu.jspx, footer.jspx 등)을 기반으로합니다.

다른 장소에 jquery 코드를 넣어야합니까? 누군가이 문제를 해결하는 데 도움이 될 수 있습니까?

Answer 1

코드를 보지 않고 정확한 답을 줄 수는 없지만, 이벤트가 생성되기 전에 이벤트를 바인딩하는 것으로 추측됩니다. 이것은 JavaScript 프로그래머들 사이에 공통적 인 함정입니다. (: .addEventListener() 또는 jQuery의 .click() 예) 요소가 생성 후

당신은 이벤트 리스너를 결합해야합니다. 자바 스크립트 코드에서 비동기 데이터에서 HTML 요소를 만든 후에 추가하십시오.

Answer 2

감사합니다. @thameera. 그것은 내가 한 일이었습니다. 그것은 아주 잘 작동했습니다. 나는 또 다른 방법으로 그것을 발견했다.

---

$(document).ready(function() { 
    $("#table tbody").delegate("tr", "click", function() { 
    alert("Click!"); 
    }); 
});