jquery – 如何使用lightbox插件颜色框？

当页面加载时,我想在灯箱中显示隐藏的div的内容.

如何用color box？

我不明白什么

我需要使用他们的CSS文件吗？哪些在哪里？

当页面加载时,如何使灯箱出现？

我尝试过,但没有运气：

$(document).ready(function(){
    $("#div_id_i_want_to_show").colorBox({width:"50%",inline:true});
});

解决方法

jyoseph的答案在正确的轨道上.我也不得不让div可见,然后才会出现(否则只显示黑屏).然后我不得不在用户关闭灯箱后隐藏div.

注意：我也不得不编辑css文件来指向我放置图像的目录.

这是我的最终代码：

$(document).ready(function(){
    $('#div_id_i_want_to_show').show();
    $.colorBox({'href':'#div_id_i_want_to_show','inline':true,'width':'600px','height':'600px'});
    $(document).bind('cBox_closed',function(){
            $('#div_id_i_want_to_show').hide();
    });
});

原文地址：https://www.jb51.cc/jquery/175813.html