jQuery ColorBox真正的多個實例

這個問題之前曾在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真正的多個實例

回答

相關問題