javascript - 如何让 Colorbox 出现在 div 中？

目前我有 Colorbox 设置，以便它在页面加载时自动启动，但我需要将它放在页面上的 div 中，而不是悬停在页面中心。我怎样才能做到这一点？谢谢阅读。

最佳答案

您可以在文档完成时将此 javascript 片段插入到您的 javascript 中，您可以在其中绑定(bind)颜色框。

$(document).bind('cbox_complete', function(){
        var divContent = $('#cboxLoadedContent').html(); // Grab the content of cboxLoadedContent div
        $('#colorbox').hide(); // Hide colorbox div
        $('#cboxOverlay').hide(); // Hide the overlay div
        $('#Output').html(divContent); // put the content inside the specified div.
});

这样做的作用是在图像/页面成功加载到 colorbox 后，它会立即抓取该内容，隐藏 colorbox 和叠加层，并将该内容转储到新的 div 中。

是的，您会非常快速地看到屏幕上闪烁的颜色框的打开和关闭，但这会做到。如果您想要更多控件，那么您可以自定义这些事件:onOpen 或 onLoad。有关更多详细信息，请参阅我帖子底部的链接以转到 colorbox 网站。

除了 cboxLoadedContent，您还可以使用 #cboxWrapper 或 #colorbox divs，具体取决于您希望在 div 中嵌入多少颜色框信息。

请注意，如果您希望它允许在 div 内导航，则通过这样做，您将不得不重新绑定(bind)按钮。

您可以访问 Colorbox Site 以获取更多自定义选项。

关于javascript - 如何让 Colorbox 出现在 div 中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3530147/