如何使用JavaScript关闭Colorbox iframe？

Question

我需要关闭通过onclick事件覆盖网站的colorbox iframe。 我已经将代码视为parent.$.colorbox.close(); return false; parent.$.colorbox.close(); return false; ，但当我这样使用它时，它对我不起作用： <a onclick="parent.$.colorbox.close(); return false;">close</a> 。 我认为这是因为我没有使用标准的colorbox脚本来调用iframe。 我对其进行了修改，以便可以从html锚标记获取高度和宽度：

我的COLORBOX脚本：

$.noConflict();
    jQuery(document).ready(function($){
            $("a[rel='colorbox']").each(function(){
                    var getWidth = parseInt($(this).attr('width'))
                    var getHeight = parseInt($(this).attr('height'))
                    var getScroll = parseInt($(this).attr('scrolling'))
                    if(getScroll == 'yes') { var frameScroll = 'true'; }
                    if(!getWidth) { var getWidth = '720'; }
                    if(!getHeight) { var getHeight = '480'; }

                    $(this).colorbox({innerWidth:getWidth, innerHeight:getHeight, scrolling:frameScroll, iframe:true, rel:"nofollow", transition:"elastic"});
            });
    });

我需要使用什么来关闭此iframe onclick？

Answer 1

代替这个：

parent.$.colorbox.close(); return false;

用这个：

parent.jQuery.colorbox.close(); return false;

您正在调用noConflict，它使jQuery与$别名分离。 因此，您的iframe将无法通过该$别名访问jQuery。

Answer 2

您可以执行<a onclick="$.colorbox.close(); return false;">close</a> $("#idOfCloseLink").click( function() { $.colorbox.close() }); <a onclick="$.colorbox.close(); return false;">close</a> ，也可以执行类似$("#idOfCloseLink").click( function() { $.colorbox.close() });