完美滚动条在window.load中不起作用

时间:2013-10-10 08:43:30

标签: jquery jstree

我在我的网络应用程序中使用jQuery perfect-scrollbar。我在window.load中调用了完美滚动条,就像这样

$(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 
                }
            })

1 个答案:

答案 0 :(得分:0)

我找到了这个问题的解决方案。我们必须像这样调用完美的滚动条,它才有用。

$("#myTree").bind('loaded.jstree', function (e, data) {
       $('#Demo').perfectScrollbar();
    }).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 
                }
       });

在jsTree完全加载后将加载loaded.jstree。

由于