沫沫金:BootStarp轮播组件(carousel)支持触屏【Hammer】-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

沫沫金:BootStarp轮播组件(carousel)支持触屏【Hammer】

简介:

外国人,还是牛逼。


下载两个JS

1、http://hammerjs.github.io/

2、https://github.com/hammerjs/jquery.hammer.js

注意:引入顺序1》2

1
2
3
4
5
6
7
8
9
10
11
    <!-- 增强: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>


本文转自 沫沫金 51CTO博客,原文链接:http://blog.51cto.com/zl0828/1769440,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章
展开