accordion里面嵌套图片轮播,首先显示的是最后一张,怎么解决?代码如下:
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#" id="Monday">测试标题</a>
<div class="mui-collapse-content">
<div id="slider1" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<img class="menuImage" src="img/menu_1_c.jpg">
<p class="mui-slider-title">最后一张</p>
</div>
<!-- 第一张 -->
<div class="mui-slider-item">
<img class="menuImage" src="img/menu_1_a.jpg">
<p class="mui-slider-title"> 第一张</p>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<img class="menuImage" src="img/menu_1_b.jpg">
<p class="mui-slider-title"> 第二张</p>
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<img class="menuImage" src="img/menu_1_c.jpg">
<p class="mui-slider-title"> 第三张</p>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<img class="menuImage" src="img/menu_1_a.jpg">
<p class="mui-slider-title"> 第四张</p>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
</div>
</li>
</ul>
想用回答里面那段代码初始化slider,这样写的:
mui('.mui-table-view').on('tap','.mui-table-view-cell',function(){
//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
interval:0//自动轮播周期,若为0则不自动播放,默认为0;
});
});
结果报错
Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:7
4 个回复
夏小杰
我也想知道为啥 没人回复呀
DCloud_UNI_CHB
Hello mui中的代码示例拷贝过去就可以啊,或者参考:mui官网
如果轮播组件内容为js动态生成时(比如通过ajax动态获取的营销信息),则需要在动态DOM生成后,手动调用图片轮播的初始化方法;代码如下:
gadget2k
放在accordion里面的图片轮播,用这一段代码怎么报错呢?
2015-11-04 15:51
DeanRen
在accordion示例中,在script内,mui.init()后加上js控制代码,报错。mui.min.js:8 Uncaught TypeError: Cannot read property '0' of undefined
2016-04-08 16:21
特洛伊
初始化代码放到plus.ready里有时会失效
2018-06-12 15:21
野生小前端
我这边也不行呢,用的PC端浏览器测试的
gadget2k
accordion里面嵌套图片轮播,首先显示的是最后一张,怎么解决?代码如下:
想用回答里面那段代码初始化slider,这样写的:
mui('.mui-table-view').on('tap','.mui-table-view-cell',function(){
//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
interval:0//自动轮播周期,若为0则不自动播放,默认为0;
});
});
结果报错
Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:7