沫沫金:BootStarp轮播组件(carousel)支持触屏【Hammer】
2016-05-02 12:59
453 查看
外国人,还是牛逼。
下载两个JS
1、http://hammerjs.github.io/
2、https://github.com/hammerjs/jquery.hammer.js
注意:引入顺序1》2
下载两个JS
1、http://hammerjs.github.io/
2、https://github.com/hammerjs/jquery.hammer.js
注意:引入顺序1》2
<!-- 增强:BootStrap carousel(轮播)组件支持触屏 --> <script src="dep/jquery.hammer.js-master/hammer.min.js"></script> <script src="dep/jquery.hammer.js-master/jquery.hammer.js"></script> <script> $('#carousel-example-generic').hammer().on('swipeleft', function(){ $(this).carousel('next'); }); $('#carousel-example-generic').hammer().on('swiperight', function(){ $(this).carousel('prev'); }); </script>
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- angular 指令简述
- CSS中的滑动门技术
- NGUI实现滑动翻页效果实例代码
- Bootstrap表单组件教程详解
- Bootstrap每天必学之前端开发框架
- Bootstrap 粘页脚效果
- JS组件中bootstrap multiselect两大组件较量
- 基于Bootstrap的网页设计实例
- js实现的简洁网页滑动tab菜单效果代码
- BootStrap实用代码片段之一
- JS组件Bootstrap dropdown组件扩展hover事件
- js仿QQ中对联系人向左滑动、滑出删除按钮的操作
- JS组件Bootstrap Select2使用方法详解
- Bootstrap每天必学之弹出框(Popover)插件
- javascript制作的滑动图片菜单
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- Bootstrap入门书籍之(五)导航条、分页导航
- 全面解析Bootstrap手风琴效果