즉 동적으로 생성 된 마크 업에서 이벤트를 발생시키지 않습니다.

Question

해결 된 문제가 있지만 물어보고 싶은데, 다른 해결책이 있습니다. 여기에 상황이 있습니다. aspx 페이지가 있습니다. 일부 코드 숨김 기능을 사용하면 DB에서 데이터를 가져옵니다. 테이블에서 JQ를 통해 호출 된 함수 및 데이터. 서버가 수학 html 형식으로 준비한 데이터. (그대로)

$.ajax({ 
      type: "POST", 
      url: "somePage.aspx/foo", 
      data: "{ 'Id' : '" + ID + "'}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function(msg) { 
       $("#brandTable").html(msg.d); 
      } 

각 반환 된 행은 다음과 같이보고한다 :

<tr btcsId='152' id='btcsId_152' onclick='brandClick(9,24,152)'> 
<td class='DataGridItem' style='padding:3px; margin:0;font-weight:bolder;'>something<input type='hidden' id='brandID_btcsId152' value='24' brandName='something'/></td> 
</tr> 

테이블 마크 업 :

<table class="DataGrid" id="brandTable" style="padding: 0px; margin: 0px; width:100%;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;" border = "0" cellspacing="0" cellpadding="0"> 
    </table> 

그래서 문제가 있었다, 해당 이벤트는 onclick을 단지 IE7에서 앞쪽으로 . ie8, ie9 잘 작동합니다. 몇 가지 생각을하고 나자마자이 코드를 즉시 추가하여 테이블 채우기를 결정했습니다. 즉, 각 행에 대해 이벤트를 reinit하십시오.

가 잘 작동 보인다 후 것을

$("[id^='btcsId_']").each(function() { 
    $(this).click(function() { 
    var thisID = $(this).attr("id"); 
    brandClick(specialityID,$("#"+thisID +" > TD > INPUT").val(),$(this).attr("btcsId")); 
    }); 
}); 

. 하지만 맞습니까? 어쩌면 다른 방법이 있을까요?

Answer 1

테이블 요소 해당 이벤트의 처리를 위임 할 delegate() 또는 on() (jQuery를> 1.7)를 사용하여 보를 모십니다 것 인피 방법 :이

dinamically 추가 요소도 작동

$("table#idofYourTable").on("click", "[id^='btcsId_']", function() { 
    var thisID = this.id; 
    brandClick(specialityID,$("#"+thisID +" > TD > INPUT").val(),$(this).attr("btcsId")); 

}); 

Answer 2

아니요. 올바르지 않습니다. 당신은 바인딩 할 수 없습니다 미래의 요소를 클릭하십시오.

은 어느 쪽이든 당신은 요소의 온 클릭 서명 + 실행을 쓰기 - 또는

$("[id^='btcsId_']").each(function() { 
    $(this).live(function() { 
    var thisID = $(this).attr("id"); 
    brandClick(specialityID,$("#"+thisID +" > TD > INPUT").val(),$(this).attr("btcsId")); 
    }); 
}); 

대신 라이브의 On 사용을 고려하시기 바랍니다 라이브/ON (이상)으로 바인딩합니다.

(> 1.7)