m自定义滚动条添加新元素后不更新

Question

这在jsfiddle上完成了我的代码。通过jquery添加新列表元素后，我使用更新来滚动条更新新列表，但新列表溢出标签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，无论如何，插件都会在初始化后为您添加它。