bootstrap轮播如何支持移动端滑动手势?
1.下载滑动手势 js 插件:hammer.js
//cdn.bootcss.com/hammer.js/2.0.8/hammer.min.js
2.写一个javascript命令调用hammer.js中的swipe功能
<script> $(function(){ //添加移动端滑动 var myElement= document.getElementById(\'myCarousel\')//id为轮播的id var hm=new Hammer(myElement); hm.on("swipeleft",function(){ $(\'#myCarousel\').carousel(\'next\') }) hm.on("swiperight",function(){ $(\'#myCarousel\').carousel(\'prev\') }) }) </script>
- 上一篇 »用css3解决移动端页面自适应横屏竖屏的思考
- 下一篇 »使用css实现轮播效果