关闭彩色框时刷新页面

时间:2012-02-03 13:20:52

标签: jquery ajax refresh colorbox

我正在使用colorbox,我希望在关闭时刷新页面,所以我尝试这样的事情:

    $.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00,
overlayClose:false,onClosed:location.reload(true)});
                $.ajax({
                   url: "sendNot.php",
                   type: "POST",
                   data: {titolo:titolo.value,messaggio:messaggio.value},
                   success: setTimeout("parent.$.colorbox.close()",5000)
                }); 

如果我删除onclosed选项,5秒后将删除colorbox,但是当ajax停止加载页面后,就会关闭代码。问题是什么?你能帮助我吗? 没有人? :(

2 个答案:

答案 0 :(得分:12)

试试这个:

$.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00,
overlayClose:false,onClosed:function() { location.reload(true); }});

只是为了澄清区别 - 插件允许您为onClosed事件提供回调函数,该事件必须是命名或匿名函数。这是一个匿名函数 - 您可以轻松地完成以下操作,以提高可读性/可重用性(在某些情况下)。注意回调中没有括号。

    $.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00,
    overlayClose:false,onClosed:reloadPage});

function reloadPage() {
    location.reload(true); 
}

答案 1 :(得分:4)

您还可以将刷新置于彩盒的原始调用中

$(document).ready(function(){
    $('.iframe').colorbox({
        iframe:true,
        width:'700px',
        height:'800px',
        onClosed:function(){ location.reload(true); },
    }); 
});