jQuery ColorBox真正的多个实例

时间:2012-07-30 15:21:04

标签: jquery instance colorbox

此问题之前曾在谷歌集团中提出过,但从未真正回答过,该组织由ColorBox开发人员杰克摩尔关闭(惊人的插件顺便说一下,谢谢!)。

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

我想这不是一个标准功能,但是有人找到了这样做的方法吗?要保留colorbox instance / div,如果它已经存在,稍后再取消隐藏它?

2 个答案:

答案 0 :(得分:1)

对不起,我认为没有一种实用的方法可以做到这一点。您必须重新编写大量插件才能支持多个实例。

您可以将iframe保存为不同的内联内容。我不确定在DOM周围移动iframe是否会导致它失去滚动位置。

答案 1 :(得分:0)

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

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