详细问题描述
[内容]采用了helloMUI做了底部选项卡的tab,在其中一个子页面中引入轮播图slider组件
<div id="sliderPic" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="javascript:">
<img src="../images/slider3.jpg">
</a>
</div>
<!-- 第一张 -->
<div class="mui-slider-item">
<a href="javascript:">
<img src="../images/slider1.jpg">
</a>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<a href="javascript:">
<img src="../images/slider2.jpg">
</a>
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<a href="javascript:">
<img src="../images/slider3.jpg">
</a>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="javascript:">
<img src="../images/slider1.jpg">
</a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
并在js中添加轮播参数```javascript
var sliderPic = mui("#sliderPic");
sliderPic.slider({
interval: 1000
});
这个时候,如果开启真机调试,就会报错
Uncaught TypeError: Cannot read property '0' of undefined at js/mui.min.js:8
重现步骤
[步骤]1.引用helloMUI项目。2.在子页面中引入轮播组件 3.初始化轮播组件,让页面加载完成就开始轮播
[结果] 组件可以轮播,但控制台报错
[期望] 控制台不会报错
运行环境 HBuilder 8.0.2.201703061842
[系统版本] windows 10
[浏览器版本] chrome
[IDE版本]
[mui版本] 3.6
附件
[代码片段]
[安装包]
联系方式
[QQ]
[电话]
0 个回复