jQuery niceScroll不工作w / .load()

时间:2012-03-15 20:58:09

标签: javascript jquery html jquery-plugins nicescroll

我正在我的DIV中实现jQuery插件 niceScroll 。除非我将.load()函数添加到使用 niceScroll 的标记,否则它的工作效果非常好。但是,如果我删除niceScroll,那么原生卷轴工作正常......?

这是针对webKit浏览器的。任何想法或我是否在我的代码中蠢蠢欲动?

$(document).ready(
            function(e) {

                $("#west").load('http://mySite.comregulatory_list.php', '', function(response, status, xhr) {
                    if (status == 'error') {
                        var msg = "Sorry but there was an error: ";
                        $(".content").html(msg + xhr.status + " " + xhr.statusText);
                    }

                });

                $("#west").niceScroll({
                    cursorcolor : "#6699FF",
                    cursorwidth : "2px",
                    grabcursorenabled : "false",
                    preservenativescrolling : "false",
                    cursorborder : "0px",
                    scrollspeed : "20",
                });
            })

1 个答案:

答案 0 :(得分:1)

niceScroll插件几乎肯定会更新#west元素的HTML结构,因此您应该定位#west元素中的特定内容容器或重新初始化niceScroll元素加载新内容时插件{1}}:

            $("#west").load('http://mySite.comregulatory_list.php', '', function(response, status, xhr) {
                if (status == 'error') {
                    var msg = "Sorry but there was an error: ";
                    $(".content").html(msg + xhr.status + " " + xhr.statusText);
                } else {
                    $(this).niceScroll({
                        cursorcolor : "#6699FF",
                        cursorwidth : "2px",
                        grabcursorenabled : "false",
                        preservenativescrolling : "false",
                        cursorborder : "0px",
                        scrollspeed : "20",
                    });
                }

            });