如何使用按钮关闭颜色框

Posted 2023-05-09

【中文标题】如何使用按钮关闭颜色框

【英文标题】：How to close colorbox with a button

【发布时间】：2013-03-02 17:28:30

【问题描述】：

我使用彩盒 iframe：

$(document).ready(function()
    $(".iframe").colorbox(iframe:true, width:"85%", height:"65%", fastIframe:false);      
);

在我的第二页上，我有一个按钮，我想在其中发布一些图像，并且在操作之后我想关闭框架窗口。

<input type="button" id="selected" value="the_button" />

和脚本

$( document ).ready(function() 

    $("#selected").bind('click',function() 

        window.setTimeout(function() 
        
            $.colorbox.close(); 
        , 2500);

        alert('hi');

    );

);

【参考方案1】：

试试这样：

$( document ).ready(function() 

    $("#selected").bind('click',function() 

        window.setTimeout(function() 
        
           parent.$.colorbox.close();
        , 2500);


    );

);

【讨论】：

谢谢，@Ares，但我试试这个并没有帮助。我也尝试 $("#selected").click( function() parent.jQuery.colorbox.close(); return false; );它显示错误“访问属性'jquery'的权限被拒绝”

如果我评论“parent.jQuery.colorbox.close(); return false;”并输入“alert('hi');”显示正确，没有错误。

什么是html标签#selected？

【参考方案2】：

我遇到了同样的问题，我使用了$('#cboxClose').remove();，它对我有用。

【参考方案3】：

将此添加到您的 HTML 中：

<a href="#" onClick="$.colorbox.close();">Close Colorbox</a>