javascript - 提交后如何关闭 fancybox iframe

标签 javascript jquery lightbox fancybox

当 siteB 上的用户单击提交时,我在 siteB 上有一个 iframe,其中有一个来自 siteA 的 iframe

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

我需要关闭灯箱

我尝试添加

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

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

最佳答案

首先,siteA 和 siteB 是否在同一个域下?如果是这样,您可以尝试

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

但如果不是,您必须创建一个回调 url 来关闭您的 fancybox,并且在提交表单时重定向到此 url。

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

关于javascript - 提交后如何关闭 fancybox iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4081087/

相关文章:

javascript - 在容器 div 中分别居中 2 个 div

javascript - 带 TinyMCE 文本区域的 Ace 编辑器

jQuery - 将数据属性插入变量

javascript - 轻量级、非框架灯箱,带有下一个/上一个箭头,用于商业用途

javascript - 将代码传输到服务器时灯箱错误

javascript - 为什么枚举属性/函数时 key.length 不准确

javascript - 在另一个插件中调用 jQuery 插件会停止工作吗?

html - 包含表单的 Div 没有占据整个页面

javascript - 在 MongoDb 中查找两个集合之间的交集

使用图像提交 JavaScript 表单不起作用