添加新元素后，mCustomScrollbar不更新

Question

這是我在jsfiddle的完整代碼。 在通過jquery添加新列表元素之后，我使用update滾動條更新了新列表，但是新列表溢出了ul將其存儲起來。

此代碼可動態創建列表元素（jsfiddle中的第46-50行）：

    var d = new Date();
    var currentYear = d.getFullYear();
        for (var i=1990; i<=currentYear; i++) {
        $("#expandYear ul").append("<li><a href=\"#\">"+ i +"</a></li><li role=\"separator\" class=\"divider\"></li>");
    }

這段代碼更新mcustom滾動條（jsfiddle中的第52-61行）：

   $("#expandYear ul").mCustomScrollbar({ 
      advanced:{ 
         updateOnContentResize: true,
         updateOnImageLoad: true,
         updateOnSelectorChange: "ul",
         updateOnSelectorChange: "ul li",
      } 
   });

   $("#expandYear ul").mCustomScrollbar("update");

我使用的庫自定義滾動條： http : //manos.malihu.gr/jquery-custom-content-scroller

謝謝！

Answer 1

嘗試從ul元素中刪除mCustomScrollbar類-這使溢出的CSS混亂，並且無論如何初始化，插件都會為您添加它。