Пользовательская полоса прокрутки! После завершения Ajax

Question

У меня есть небольшая проблема. У меня есть js ajax вызов php.

PHP:

echo '<div class="center-right-inside"></div>'; 

Перед AJAX создать дивы

$('.main').fadeIn('slow').html('<div class="right-left"><div class="left-c"></div><div class="center-c"></div><div class="right-c"></div></div>'); 

В моей JS я использую плагин http://manos.malihu.gr/jquery-custom-content-scroller/ И после того, как в созданный DIV я загрузить другой DIV на ведьму я хочу использовать плагин. .. Но не повезло

complete :function(){ 
    $('.center-c').fadeIn(); 
    $('.center-right-inside').mCustomScrollbar("update"); 
} 

Я пробовал:

$(".center-right-inside").mCustomScrollbar();

это на DOM готова и она работает нормально, но когда Ajax завершено нет ...

Перед отправкой на этот вопрос я прочитал Docs плагина и поиск в Google и SO, но не смог найти любое подобное, если любое предложение спасибо заранее.

Answer 1

$(".center-right-inside").mCustomScrollbar({ 
    advanced:{ 
     updateOnContentResize: true 
    } 
}); 

Это должно помочь!

Answer 2

Очень распространенная ошибка заключается в том, что пользователь забыл включить в свой файл Jquery libary, вы забыли? - Это может быть проблемой.

Else Попытка:

$(".center-right-inside").load(function(){ 
    $(".center-right-inside").mCustomScrollbar("update"); 
}); 

Answer 3

После получения данных из ajax, если вы измените атрибут HTML, вы должны изменить только конкретную область.

> $("#content_1 .mCSB_container").html(data); //load new content inside 
> .mCSB_container 
> $("#content_1").mCustomScrollbar("update"); //update scrollbar according to newly loaded content 

Answer 4

Вы можете попробовать это, и я надеюсь, что это может вам помочь.

$(document).ajaxComplete(function(){ 
    $(".center-right-inside").mCustomScrollbar(); 
}); 

Потому что вы хотите создать CustomScrollbar после ajaxcomplete так что вам нужно Usage ajaxComplete

Извините мой английский не очень хорошо :(