从ajax打开jquery弹出窗口

Question

我使用jquery弹出窗口插件，它完美地工作在我的页面上。

但是，如果我从ajax调用此页面，Jquery弹出窗口不起作用。

任何暗示？

非常感谢！

$(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 didnot调用ajax？ 我该如何调用函数？

Answer 1

您应该使用on方法而不是仅使用click。您的代码将是：

$(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方法解决了这个问题。