如何用按钮关闭彩盒

时间:2013-03-14 11:31:13

标签: jquery button iframe colorbox

我使用colorbox 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');

    });

});

3 个答案:

答案 0 :(得分:0)

试试这样:

$( document ).ready(function() {

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

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


    });

});

答案 1 :(得分:0)

我遇到了同样的问题,我使用$('#cboxClose').remove();它为我工作。

答案 2 :(得分:-1)

将此添加到您的HTML:

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