bxslider对于动态加载的内容无法正常工作 [英] bxslider not working properly for dynamically loaded content

查看:207
本文介绍了bxslider对于动态加载的内容无法正常工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

必须为其中一个应用程序使用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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆