Jquery 关闭fancybox窗口:适用于iframe,但不适用于ajax
我有一个正常工作的fancybox模式窗口,其中包含以下代码:Jquery 关闭fancybox窗口:适用于iframe,但不适用于ajax,jquery,fancybox,Jquery,Fancybox,我有一个正常工作的fancybox模式窗口,其中包含以下代码: $("a#add-project").click(function(){ $.fancybox({ type: 'ajax', href: BASEPATH + 'time/addProject', fitToView: false, autoSize: false,
$("a#add-project").click(function(){
$.fancybox({
type: 'ajax',
href: BASEPATH + 'time/addProject',
fitToView: false,
autoSize: false,
width: 500,
height: 300,
closeClick: false,
openEffect: 'none',
closeEffect: 'none',
beforeClose: function() {
console.log('closed');
}
});
});
$('#addproject-close').bind("click keypress", function(){
$.fancybox.close(true);
$.fancybox.close();
parent.$.fancybox.close(true);
parent.$.fancybox.close();
console.log('tried to close');
});
该AJAX窗口包含一个按钮,其中包含以下代码:
$("a#add-project").click(function(){
$.fancybox({
type: 'ajax',
href: BASEPATH + 'time/addProject',
fitToView: false,
autoSize: false,
width: 500,
height: 300,
closeClick: false,
openEffect: 'none',
closeEffect: 'none',
beforeClose: function() {
console.log('closed');
}
});
});
$('#addproject-close').bind("click keypress", function(){
$.fancybox.close(true);
$.fancybox.close();
parent.$.fancybox.close(true);
parent.$.fancybox.close();
console.log('tried to close');
});
我知道它可以工作,因为我在控制台上看到试图关闭消息,但无法关闭该窗口。我尝试了所有可能的事情,但什么都没有。在过去,我有一个类型为“iframe”且带有父项的窗口。$。。。刚开始工作
我如何在ajax中做到这一点
提前感谢您在AJAX窗口中,按如下方式创建关闭按钮:
<a href="javascript:$.fancybox.close();" id="addproject-close">close fancybox</a>
。。。忘记.bind()
方法
这应该能奏效 你能为它创建一些JSFIDLE吗?@amarplaspure我如何在JSFIDLE中“重新创建”AJAX调用?谢谢你,你可以看这个