bxslider对于动态加载的内容无法正常工作 [英] bxslider not working properly for dynamically loaded content
问题描述
必须为其中一个应用程序使用bxslider。在尝试通过ajax动态加载内容实现bxslider时遇到一些问题。
Had to use bxslider for one of the app. I have some issues while trying to implement bxslider with dynamically loaded content over ajax.
它突然工作。有趣的是,如果通过打开开发工具或更改窗口大小来稍微改变视口,则有时会起作用。
It works abruptly. Interestingly when there is a slight change in view port either by opening dev tools or window size change, it does sometime works.
就像了解以前是否有人遇到过此问题以及解决方法。
Would just like to understand has anyone faced this issue before and what could be the workaround.
谢谢
推荐答案
BxSlider现在包含两个新方法:
BxSlider now contains two new methods:
-
reloadSlider()
-
destroySlider()
reloadSlider()
destroySlider()
在将新内容加载到滑块之后,请尝试调用 reloadSlider()
,因为这将重新初始化滑块并容纳新幻灯片。
After loading new content into your slider, try calling reloadSlider()
, as this will re-initialize the slider and accomodate the new slides.
在此处查看代码示例:
- http://bxslider.com/examples/reload-slider
- http://bxslider.com/examples/reload-slider-settings
这篇关于bxslider对于动态加载的内容无法正常工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!