Question

我有一个网站，当我点击链接时，它会弹出一个fancybox窗口，供用户在表单中输入一些细节。

用户完成表单并关闭后，我希望父窗口刷新，以便显示新数据。

我正在使用fancybox版本2.1.5，如果我可以对jquery.fancybox.js进行更改以实现此更改而不是单个框，则更喜欢，因为这需要适用于所有花哨的盒子。

有什么建议吗？

这就是我现在正在运行fancybox的方式：

<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>

这是从像这样的href中引用的：

<a class="fancybox fancybox.iframe" href="edit-device.php"><img src="img/edit.png"</a>

Answer 1

您可以使用常规配置对象，只需修改每次调用所需的属性。像这样：

// 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);

希望它有所帮助！

iframe fancybox关闭后刷新父窗口

1 个答案: