代码复制进来之后 js文件也引进来了 为什么不能正常滑动
struggle轶事
- 发布：2015-03-18 16:42
- 更新：2015-05-21 16:26
- 阅读：3166
mui-slider 无法滑动
分类：MUI
mui-slider 一个页面是不是只能出现一个？
<div id="homeAds" class="mui-slider" style="height:150px; ">
</div>
<div id="Gallery" class="mui-slider" style="margin-top:15px;">
</div>
我在同一个页面，homeAds可以左右滑动，Gallery不能滑动。当把homeAds的class=mui-slider 去掉，则Gallery可以左右滑动。
struggle轶事 (作者)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>fff</title>
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/wap-product.css" />
<script src="js/mui.min.js"></script>
</head>
<body>
<div class="mui-content">
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop" style="">
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/muwu.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/cbd.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg"></a>
</div>
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="http://dcloudio.github.io/mui/assets/img/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>
</div>
</script>
</body>
</html>
2015-03-18 16:53
DCloud_UNI_FXY
你确定你给的代码是正确的？
我怎么看到最后还有一个</script>节点。
2015-03-18 16:56
struggle轶事 (作者)
回复 DCloud_UNI_FXY:我没删干净 除了那个script之外还有其他的错误吗 我试了很多次都不行
2015-03-18 16:58
DCloud_UNI_FXY
你这个代码跟hello-mui里的slider-default.html基本没太大差别。按道理说不会出问题。
报一下你的手机型号，系统版本号
2015-03-18 16:58
struggle轶事 (作者)
回复 DCloud_UNI_FXY:在浏览器上都看不到效果 是不是还需要添加js代码
2015-03-18 16:59
struggle轶事 (作者)
回复 DCloud_UNI_FXY:版本号是5.4 没在手机上面测试还 只是本地的 看不到效果吗？
2015-03-18 17:00
DCloud_UNI_FXY
。。。用什么浏览器？手机浏览器应该没问题，桌面浏览器，请使用chrome的emulate来模拟手机测试
2015-03-18 17:35
struggle轶事 (作者)
是chrome浏览器 看到模板在chrome上可以滑动 以为直接chrome上就可以看到效果 刚测了手机是可以的 谢谢你
2015-03-18 17:59