檢查何時創建新元素

Question

我在div.scrollContainer中插入了一堆項目。 頁面加載后，我運行mCustomScrollbar jQuery插件，該插件將把div.scrollContainer的項目div.scrollContainer並包裝自己的class / css / js來創建自定義滾動條。

頁面加載后，我瀏覽了自己的庫，該庫輸出了更多項目供我注入滾動條。 我目前正在將它們定位/附加到mCustomScrollbar創建的自定義類。 但是，問題在於，有時我的庫會在mCustomScrollbar創建其類之前輸出項目。 結果，庫中的項目永遠不會放置在正確的元素內，因為它不存在。

我曾考慮過將庫中的項目追加到div.scrollContainer ，但是我遇到了一個問題，即如果mCustomScrollbar在追加項目之前創建了其類，該怎么辦。

總而言之，我想知道是否有一種方法可以檢測到何時在DOM中創建新元素。 我調查了另一個建議使用livequery插件的線程 。 我想知道是否有不需要其他插件的解決方案。

Answer 1

您可以在插入最后一個項目之后調用.mCustomScrollbar() ，因此可以肯定地確定確實插入了這些項目：

$(".your-container").append($(".your-items"));
$("div.scrollContainer").mCustomScrollbar();

Answer 2

使用updateOnContentResize：true設置，它將每隔幾毫秒檢查一次新內容。 啟動插件時，還要在其他設置中添加以下內容：$（selector）.mCustomScrollbar（{advanced：{updateOnContentResize：true}}）;

然而！ 我個人反對每隔幾毫秒遍歷無用的DOM，我建議您使用其本機更新方法。 找到一種方法來知道何時向滾動條標記中添加更多內容，並在需要時運行它：$（selector）.mCustomScrollbar（“ update”）;

PS閱讀了其文檔，許多有用的設置/方法。

希望這可以幫助 ：）