爆竹矩陣菜單沒有出現在覆蓋圖中

Question

我有一個網站，對公衆不可見，我在幾個地方使用了爆破和矩陣字段。在正常加載的頁面上，一切都很好。但是，當矩陣字段出現在疊加層中（使用colorbox）時，不會創建矩陣菜單div。

步進通過與螢火蟲的代碼，這個問題似乎是該行：

var $body = $(document.body); 

不正確設置$體（也許這是爲覆蓋裝載一個競爭條件？）。所以當它到達matrix.js中的這一塊代碼時：

obj.menu.$ul = $('<ul id="matrix-menu" />').appendTo($body).css({ 
    opacity: 0, 
    display: 'none' 
}); 

$ body沒有解析，所以菜單無法在任何地方執行。我想我已經修好了，但是想檢查一下，看看我是否應該擔心我會破壞別的東西。如果我將上面的代碼更改爲：

obj.menu.$ul = $('<ul id="matrix-menu" />').appendTo($(document.body)).css({ 
    opacity: 0, 
    display: 'none' 
}); 

一切似乎都很好。有沒有更好的方法來解決這個問題？

Answer 1

如果矩陣字段在第一次初始化時沒有高度，它會將其大部分初始化內容置於保持狀態，假設它默認處於隱藏狀態或位於輔助發佈選項卡上。這減少了初始頁面加載時間，並修復了一些需要知道其單元格中DOM元素的維度的單元格類型（文本，資產或其他）的一些問題。

矩陣將在其被擴展或其選項卡被點擊時自動恢復初始化，但如果您在發佈頁面和之外使用矩陣，則需要觸發初始化 - 恢復自己：

for (var i = 0; i < Matrix.instances; i++) 
{ 
    Matrix.instances[i].initRowsIfVisible(); 
}