Javascript 使用jQueryAjax创建动态内容时,不会出现滚动条
我有一些jquery报告,其中我使用json创建了一些动态html内容(嵌套的div、span、label)。 它使用jquery、mCustomScrollbar、commons、jqueryui 我有一个Javascript 使用jQueryAjax创建动态内容时,不会出现滚动条,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我有一些jquery报告,其中我使用json创建了一些动态html内容(嵌套的div、span、label)。 它使用jquery、mCustomScrollbar、commons、jqueryui 我有一个..//一些静态代码,在这种情况下,一切正常 但是当我使用ajax在这个//动态代码之间创建一些代码时。它的滚动条没有出现 但如果我最小化、最大化浏览器窗口或“firebug”滚动条出现 是因为动态css样式生成吗? 我是jquery css帮助的新手如果您引用的滚动条来自mCustomSc
..//一些静态代码
,在这种情况下,一切正常
但是当我使用ajax在这个//动态代码之间创建一些代码时。它的滚动条没有出现
但如果我最小化、最大化浏览器窗口或“firebug”滚动条出现
是因为动态css样式生成吗?
我是jquery css帮助的新手如果您引用的滚动条来自mCustomScrollbar
插件,那么一旦将ajax内容插入DOM中,您就需要使用其update
方法
$(selector).mCustomScrollbar("update");
请参阅位于的文档,我也遇到了同样的问题,我通过使用
销毁方法解决了这个问题,该方法也是由mCustomScrollbar
当我向选择器添加新内容时,我会销毁mCustomScrollbar
$(选择器).mCustomScrollbar(“销毁”)代码>
然后我再重建它;您可以在此演示中检查销毁和重建
顺便说一句,update
方法对我不起作用,因为正如前面提到的那样,updateOnContentResize
默认为true,调用update方法,我真的不知道问题出在哪里。请缩小范围,并尝试在JSFIDLE中重现问题。这是很难理解的问题,甚至更要解决它这么少的信息。检查这个插件的文档,所有的解释。。。幸运的是,该插件接受某种类型的删除或使用live/liveSelector
options@A.Wolff我认为问题不在于新的滚动条(因为它在调整大小上是固定的)…我猜OP已经在窗口调整大小上调用了更新插件方法。但可以肯定的是,我只是猜测,因为OP并没有提供足够的相关信息。编辑:哦,我明白你现在的意思了,关于新内容,而不是新的可滚动内容elements@A.Wolff这是由updateOnContentResize
选项处理的,默认情况下是true
。耶,看起来我误解了这个问题,我的错!你找到“updateOnContentResize”不起作用的原因了吗?