Question

$(document).ready(function(){
    setTimeout(function() {
        $.fn.colorbox({href:"res/homer.jpg", open:true});  
    }, 1500);
});

这个小代码打开一个窗口，其中是Picture（homer.jpg），但我想打开DIV，例如div为id：#examplediv

我应该在代码中更改什么？

Answer 1

使用此代码段添加它，但您必须更改以下内容：

$('.element').attr('id', 'newID');

Answer 2

你的意思是这样吗？

很抱歉，但您的问题不明确

<强> HTML

<div id="#examplediv"></div>

<强> CSS

#examplediv{
   position: absolute;
   margin: 200px;
   padding: 5px;
   border: 2px solid #000;
}
#examplediv > img{
   width: 120px; height: 120px;
}

<强>的jQuery

$(document).ready(function(){
    $('#examplediv').html('<img src="res/homer.jpg" alt="" />');
});

Answer 3

捕获所需div的HTML，然后将其作为参数提供给colorbox调用：

$(document).ready(function() {
    setTimeout(function() {
        var myhtml = $('#examplediv').html();
        $.colorbox(html: myhtml, open: true);
    }, 1500);
});

如何使用此代码打开div？

3 个答案: