添加新元素后 mCustomScrollbar 不更新答案

【问题标题】：mCustomScrollbar don't update after add new element添加新元素后 mCustomScrollbar 不更新
【发布时间】：2018-01-06 12:17:31
【问题描述】：

这是我在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

谢谢！

【问题讨论】：

标签： javascript jquery html mcustomscrollbar

【解决方案1】：

尝试从您的 ul 元素中删除 mCustomScrollbar 类 - 这会弄乱溢出的 CSS，无论如何，插件都会在初始化后为您添加它。

【讨论】：