Question

我在siteB上有一个iframe，当siteB上的用户点击提交时，有来自siteA的from

<input type="submit" value="Save url" name="commit" method="post" id="url_submit">

我需要关闭灯箱

我尝试添加

$('#url_submit').click(function(){
  $.fn.fancybox.close();
});

两个网站都没有，我有点困惑

Answer 1

首先，siteA和siteB属于同一个域吗？如果是这样，你可以尝试

window.parent.jQuery.fn.fancybox.close();

但如果他们不是，你将不得不创建一个关闭你的fancybox的回调网址，并在提交你的表单时重定向到这个网址。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(function () {
            window.parent.jQuery.fn.fancybox.close();
        });
    </script>
</body>
</html>

Answer 2

试试这个：

parent.$.fancybox.close();

Answer 3

想出一个非常干净的优秀解决方案

 TARGET="_top"

并在提交后关闭

Answer 4

你的问题有点困惑。你能打开萤火虫并做$.fn.fancybox.close();吗？

如何在提交后关闭fancybox iframe

4 个答案: