jQuery niceScroll не работает вместе с .load () - PullRequest
1 голос
/ 16 марта 2012

Я использую плагин jQuery niceScroll в моих DIV.Он прекрасно работает, за исключением случаев, когда я добавляю функцию .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 Ответ

1 голос
/ 16 марта 2012

Плагин niceScroll почти наверняка обновляет структуру HTML элемента #west, поэтому вы должны либо настроить таргетинг на конкретный контейнер содержимого в элементе #west, либо повторно инициализировать плагин niceScroll при загрузке.новый контент:

            $("#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",
                    });
                }

            });
...