Question

我有一个小问题。我有一个js ajax调用php。

PHP：

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

在ajax之前我创建了divs

$('.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完成时没有......

在发布此问题之前，我阅读了该插件的文档，并在google和SO搜索但未提前感谢任何类似的建议。

Answer 1

从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 2

一个很常见的错误是用户忘了将Jquery库包含在他们的文件中，你忘记了吗？ - 那可能是个问题。

其他尝试：

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

Answer 3

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

这应该有帮助！

Answer 4

你可以试试这个，我希望这可以帮到你。

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

因为你想在ajaxcomplete之后创建CustomScrollbar所以你需要使用ajaxComplete

抱歉我的英语不好：（

自定义滚动条！ Ajax完成后

4 个答案: