从iframe调用colorbox

时间:2013-03-19 17:16:41

标签: 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>

的login.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时出现此错误。

  

未捕获的TypeError:无法读取未定义的属性“fn”

我试着按照这个帖子中的答案。 how to close colorbox within iframe?

1 个答案:

答案 0 :(得分:4)

我们可以使用

  

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

工作正常