使用jquery ajax创建动态内容时，滚动条不显示

Question

我有一些jquery报告，其中我使用json创建一些动态html内容（嵌套div，span，label）。  它使用jquery，mCustomScrollbar，commons，jqueryui。

在这种情况下我有一个<div>...//some static code </div>一切正常。

但是当我在这个<div> // dynamic code using ajax </div>之间创建一些代码时。它的滚动条没有出现。

但是，如果我最小化，最大化浏览器窗口或“萤火虫”＆＃39;滚动条出现了。

是否因为动力css风格生成？ 我是jquery css帮助的新手

Answer 1

如果您引用的滚动条来自mCustomScrollbar插件，则一旦在DOM中插入ajax内容，您将需要使用其update方法。

$(selector).mCustomScrollbar("update");

请参阅http://manos.malihu.gr/jquery-custom-content-scroller/#methods-section

上的文档

Answer 2

我遇到了同样的问题，我通过使用destroy

提供的mCustomScrollbar方法解决了问题

当我将新内容添加到选择器时，我会销毁mCustomScrollbar

$(selector).mCustomScrollbar("destroy");

然后我再次重建它;你可以在这个演示中检查销毁和重建

http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/disable_destroy_example.html

BTW update方法对我不起作用，因为它提到默认情况下updateOnContentResize为真，调用更新方法，我真的不知道什么是问题。