jquery - window.load でパーフェクトスクロールバーが機能しない

Question

Web アプリケーションにjQuery perfect-scrollbarを使用しています。このように window.load で perfect-scrollbar を呼び出しました

$(window).load(function () {
        $('#Demo').perfectScrollbar();
    });

コードを実行した後、初めて機能します。しかし、ページを再度更新すると、window.load 関数が起動されても表示されません。

何が問題なのか教えてください。

私もこのように電話しようとしました

$(function() {
    $('#Demo').perfectScrollbar();
});

これは私のサンプル Html です。私は同じ構造を使用しています。

         <ul>
            <li>
                <div id="Demo" style="position: relative; width: 290px; height: 600px; overflow: hidden;">
                    <div id="myTree">
                        <ul>
                            <li>
                                <a id="A1"></a>
                            </li>
                            <li>
                                <a id="A2"></a>
                            </li>
                            <li>
                                <a id="A3"></a>
                            </li>
                            <li>
                                <a id="A4"></a>
                            </li>
                            <li>
                                <a id="A5"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>

私もこのようにjsTreeを使用しており、ツリーにスクロールを適用しようとしています

$("#myTree").jstree(
            {
                "themes": { "theme": "apple", "dots": false, "icons": true },
                "plugins": ["themes", "html_data", "ui", "contextmenu"],
                "contextmenu": {// for context text menu
                    show_at_node: false, items: CustomContextMenu 
                }
            })