jquery 및 ajax 문제

Question

jquery 및 ajax를 사용하고 있습니다.

$("[id^=apple]").click(function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
}); 

:

나는이 같은 일부 jQuery 코드를 가지고, ID = "사과-45"와 ...

를 ID = "사과-23"와 같은 ID를 가진 일부 div의이 코드는이 div에 적합합니다.

하지만 id = "apple-61"등의 id 패턴과 비슷한 div가 반환됩니다. 하지만 이러한 jax 코드는 div가 생성 한 Ajax에서 작동하지 않습니다.

왜 그렇습니까? 어떻게 해결할 수 있습니까?

Answer 1

당신은 .delegate() 또는 .live() 중 하나가 아직 존재하지 않는 요소에 대한 이벤트를 처리 할 수 ​​있습니다.

이 div에는 공통 상위가있는 경우 .live() (here 참조) 대신 .delegate()을 사용하는 것이 더 효율적입니다.

$("#divContainer").delegate("[id^=apple]", "click", function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
}); 

Answer 2

요소가 존재하기 전에 이벤트를 바인딩하는 것이 문제입니다.

사용 live 대신 (당신이 1.3 이상 jQuery를 사용하는 가정) :

는

$("[id^=apple]").live("click", function(){ 
    elid = $(this).attr('id').split("-"); 
    pid = elid[1]; 
    alert(pid); 
});