jQuery ColorBox真正的多个实例

2012-07-30 44 views 0 likes

这个问题之前曾在Google Group中提出过，但从未真正回答过，并且由ColorBox开发人员Jack Moore关闭了该组（由于插件顺利交流，谢谢！）。jQuery ColorBox真正的多个实例

我想创建一个ColorBox灯箱的多个实例。这是为了能够打开一个lightbox实例，然后关闭它，只隐藏而不是从dom中删除它。我开发了一个支持lightbox选项的Moodle活动模块。在我的课程页面中，我有多个ColorBox灯箱实例（每个都包含一个iframe）。当一个学生浏览已打开的灯箱中的书籍或任何内容时，他会关闭它，然后他必须能够以与关闭它时相同的位置/状态的书籍内容再次打开它。

我想这不是一个标准功能，但有人找到了一种方法来做到这一点？为了保持colorbox实例/ div，如果它已经存在，稍后再隐藏它呢？

来源

2012-07-30 Marco

回答

对不起，我不认为会有这样做的实际方法。您将不得不重新编写大量插件以支持多个实例。

您可以将您的iframe保留为不同的内嵌内容片段。我不确定是否围绕DOM移动iframe会导致它失去它的scrolltop位置。

来源

2012-07-31 16:29:25 Jack

好的谢谢你的快速回复杰克。我确实正在考虑将内容div移动到临时位置，然后再次使用挂钩移动背面。但重新编码插件，使每个实例独特会更好，而且工作很多:) – Marco 2012-08-03 08:02:28

您可以调用关闭事件新颜色框。例如：

$.colorbox({ 
    html:'test', 
    onClosed::function(){ 
     // open the other colorBox 
     $.colorbox({html:'test'}); 
    } 
});

来源

2018-01-08 15:33:34

jQuery ColorBox真正的多个实例

回答

相关问题