2017-07-31 26 views
4

この完全なコードはjsfiddleです。 jqueryで新しいリスト要素を追加した後、スクロールバーの更新リストを更新して新しいリストを更新しますが、新しいリストがタグulをオーバーフローさせて格納します。新しい要素を追加した後、mCustomScrollbarは更新されません

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

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

ライブラリ:

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)を更新するために、このコード:

このコードは、リスト要素の動的(jsfiddleの線46-50)を作成しますカスタムスクロールバー私は以下を使用します:​​

ありがとう!

答えて

1

ul要素からmCustomScrollbarクラスを削除してみてください。これは、オーバーフローCSSを台無しにしています。プラグインによって、初期化後に追加されます。

関連する問題