首页 > 代码库 > 问题:mui框架用ajax渲染数据后banner插件失效?

问题:mui框架用ajax渲染数据后banner插件失效?

解决方案:

因为banner图是动态创建的,在插件开始初始化时,文档流中没用图片,故没有创建相应宽度,通过调整js加载顺序,问题还是没有解决。最后找到swiper插件 api 有属性是可以根据内容变动,自动初始化插件的,添加observer:true后问题解决!

示例:

var mySwiper = new Swiper (‘.swiper-container‘, {

        pagination: ‘.swiper-pagination‘,

        autoplay: 5000,

        loop: true,

        observer:true,//修改swiper自己或子元素时,自动初始化swiper

     observeParents:true,//修改swiper的父元素时,自动初始化swiper

 })  

问题:mui框架用ajax渲染数据后banner插件失效?