javascript - 如何使用此代码打开 div？

Question

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

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

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

Answer 1

尽管您必须更改一些内容，但使用此代码段添加它：

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

Answer 2

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

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

Answer 3

你的意思是这样的吗？

抱歉，您的问题不清楚

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="" />');
});