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

前端之家收集整理的这篇文章主要介绍了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();
    });
});

猜你在找的jQuery相关文章