아약스에서 열린 jquery 팝업

Question

내 페이지에서 완벽하게 작동하는 jquery 팝업 플러그인을 사용합니다.

하지만이 페이지를 아약스에서 호출하면 Jquery 팝업이 작동하지 않습니다.

모든 suggetions?

대단히 감사합니다!

$(document).ready(

function(){ 
//open popup 
$(".pop").click(function(){ 

var url = $(this).attr('name'); 

$("#"+url).fadeIn(1000); 
positionPopup(this); 
}); 

//close popup 
$(".close").click(function(){ 

    var url = $(this).attr('name'); 


$("#"+url).fadeOut(500); 
}); 
}); 

어쩌면 document.ready가 아약스에서 호출되지 않았습니까? 함수를 어떻게 호출해야합니까?

Answer 1

click 대신 on 메서드를 사용해야합니다. 귀하의 코드는 다음과 같습니다 :

$(document).ready(

function(){ 
//open popup 
$(document).on("click", ".pop", function(){ 

var url = $(this).attr('name'); 

$("#"+url).fadeIn(1000); 
positionPopup(this); 
}); 

//close popup 
$(document).on("click", ".close", function(){ 

    var url = $(this).attr('name'); 


$("#"+url).fadeOut(500); 
}); 
}); 

여기서 문제는 이벤트 버블 링에 관한 것입니다. ajax를 사용하여 html 요소를 동적으로 만들면 이벤트가 첨부되지 않습니다. on 메서드는 문제를 해결합니다.