dumhao
dumhao
  • 发布:2014-09-25 00:16
  • 更新:2016-07-27 23:44
  • 阅读:4214

滑动选项卡里嵌套图片轮播,滑动图片,事件会穿透到后面选项卡

分类:MUI
mui

图片轮播往回滑动 到第一张的时候,会弹回第二张而不是跳到最后一张循环

2014-09-25 00:16 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

1.下个版本解决slider嵌套时穿透问题
2.轮播循环的时候,在html代码里要注意,在轮播子节点要自己额外增加两个元素。代码示例:
{{{
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/yuantiao.jpg">
</a>
</div>
<!-- 第一张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/shuijiao.jpg">
</a>
</div>
<!-- 第二张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/muwu.jpg">
</a>
</div>
<!-- 第三张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/cbd.jpg">
</a>
</div>
<!-- 第四张 -->
<div class="mui-slider-item">
<a href="#">
<img src="../images/yuantiao.jpg">
</a>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#">
<img src="../images/shuijiao.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 class="mui-indicator"></div>
</div>
</div>
}}}

DCloud_UNI_CHB

DCloud_UNI_CHB

关于是否支持图片循环,参考:http://dcloudio.github.io/mui/javascript/#plugin-slider

Peach

Peach

整个页面都自动滑动,有什么办法解决

该问题目前已经被锁定, 无法添加新回复