2013-03-19 107 views
1

我试图从iframe调用colorbox close()函数。这是我的。从iframe调用colorbox关闭

首页

<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被称为我得到这个错误。

Uncaught TypeError: Cannot read property 'fn' of undefined

我试图按照这个线程中的答案。 how to close colorbox within iframe?

+1

尝试删除'.fn'只有'parent.jQuery.colorbox.close();' – 2013-03-19 17:26:57

+0

'不能读的未定义的属性颜色框' – RKodakandla 2013-03-19 17:31:29

+0

你有没有参考'colorbox'脚本...? – Dom 2013-03-19 19:41:45

回答

4

我们可以使用

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

它工作正常