jquery - 从 iframe 调用关闭 colorbox

标签 jquery iframe colorbox

我正在尝试从 iframe 调用 colorbox close() 函数。这就是我所拥有的。

主页

    <script>
        $(document).ready(function(){
            $("#click").colorbox({width:"60%",
                        height:"60%",
                        iframe:true

            });
        });
    </script>

     <a href="login.html" id="click">Click Me!</a>

登录.html

     <!DOCTYPE html>
     <html>
          <head>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
          <script src="jquery.colorbox.js"></script>
    <script>
        $(document).ready(function(){
            setTimeout(function() {
                parent.jQuery.fn.colorbox.close();
            }, 3000);
        });
    </script>
    </head><body></body>
</html>

调用 settimeout 时出现此错误。

Uncaught TypeError: Cannot read property 'fn' of undefined

我尝试遵循此线程中的答案。 how to close colorbox within iframe?

最佳答案

我们可以使用

parent.jQuery.fn.colorbox.close();

效果很好

关于jquery - 从 iframe 调用关闭 colorbox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15506197/

相关文章:

jquery 选择器不适用于加载了 asp :UpdatePanel 的控件

javascript - 与变量的范围作斗争,无法在函数之间传递城市

javascript - 判断文件是否加载到 iframe 的方法

javascript - 有没有办法阻止 iframe 重定向父窗口,但是 "top level"重定向仍然在 iframe 本身内部工作?

jquery - 页面上的多个 jquery ajax 不起作用

javascript - 无法通过 JavaScript 在输入焦点上触发键盘

javascript - 从 .on 更改后,不会触发 .click

javascript - 如何在 &lt;iframe&gt; 中打开 PDF 文件?

javascript - 在页面顶部显示颜色框

javascript - Colorbox 调整大小不起作用,返回 "TypeError: $.fn.colorbox is undefined"