2017-07-31 174 views
4

這完整的代碼位於jsfiddle。在我通過jQuery添加新的列表元素後,我使用更新來滾動條更新新列表,但新列表溢出標籤ul存儲它。添加新元素後,mCustomScrollbar不更新

此代碼來創建列表元素動態的(在的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"); 

庫自定義滾動條我使用:​​

謝謝!

回答

1

嘗試從您的ul元素中刪除mCustomScrollbar類 - 這會搞亂溢出CSS,插件會在初始化後爲您添加它。