Javascript iframe fancybox关闭后刷新父窗口
我有一个网站,当我点击一个链接时,它会弹出一个fancybox窗口,供用户在表单中输入一些详细信息 用户完成表单并关闭表单后,我希望父窗口刷新,以便显示新数据 我使用的是fancybox版本2.1.5,我更希望我能对jquery.fancybox.js进行更改,以实现此更改,而不是对单个框进行更改,因为这需要对所有的fancybox进行操作 有什么建议吗 这就是我目前运行fancybox的方式:Javascript iframe fancybox关闭后刷新父窗口,javascript,jquery,iframe,fancybox,Javascript,Jquery,Iframe,Fancybox,我有一个网站,当我点击一个链接时,它会弹出一个fancybox窗口,供用户在表单中输入一些详细信息 用户完成表单并关闭表单后,我希望父窗口刷新,以便显示新数据 我使用的是fancybox版本2.1.5,我更希望我能对jquery.fancybox.js进行更改,以实现此更改,而不是对单个框进行更改,因为这需要对所有的fancybox进行操作 有什么建议吗 这就是我目前运行fancybox的方式: <script type="text/javascript"> $(docume
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'device-info.php',
type : 'iframe',
padding : 5
});
});
});
</script>
$(文档).ready(函数(){
$('.fancybox').fancybox();
$(“#fancybox-manual-b”)。单击(函数(){
$.fancybox.open({
href:'device info.php',
键入:“iframe”,
填充:5
});
});
});
这是从href中引用的,如下所示:
<a class="fancybox fancybox.iframe" href="edit-device.php"><img src="img/edit.png"</a>
您可以使用常规配置对象,只需修改每次调用所需的属性即可。大概是这样的:
// This is the basic config, common to all calls
var fancybox_general_config = {
type : 'iframe',
padding : 5,
afterClose: function() {
location.reload();
}
}
// modifies just the href attribute, keeping other values
fancybox_general_config.href = 'device-info.php';
$("#fancybox-manual-b").fancybox(fancybox_general_config);
// modifies just the href attribute again, keeping other values
fancybox_general_config.href = 'device-info-2.php';
$("#fancybox-manual-c").fancybox(fancybox_general_config);
希望有帮助 更好的方法似乎是使用
afterClose
回调,解释道。你能提供调用fancybox的代码吗?强烈建议不要更改jquery.fancybox.js代码,因此可能更好地适应fancybox调用。我已经按照要求对其进行了编辑,以获得代码。我感谢你的帮助。