隐藏图像弹出窗口

时间:2012-01-24 20:00:29

标签: jquery colorbox

需要一些帮助。我尝试显示一个弹出窗口,只有在我关闭弹出窗口后,图像apears代替div,我怎么能在关闭弹出窗口后隐藏它?

$(document).ready(function(){
    $(".inline").colorbox({inline:true, width:"70%" , height:"100%"});
    $("#inline_content").css({inline:true, width:"70%" , height:"100%", display:"block"});
});

这是我用来显示图像的div

<div id='inline_content' style=' width:100%; height:100%; display:none;' ></div>

1 个答案:

答案 0 :(得分:2)

有一个选项可用作colorbox的一部分,名为onClosed,当它关闭时尝试触发:

$(document).ready(function(){
   $("#inline_content").css({inline:true, width:"70%" , height:"100%", display:"block"});
   $(".inline").colorbox({
       height:"100%",
       width:"70%",
       onClosed: function () {
          $("#inline_content").hide();
       }
});
});

总而言之,虽然你的问题很混乱我很确定这就是你在寻找的东西