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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

沫沫金 2016-05-02 12:59:34 浏览450
展开阅读全文

外国人,还是牛逼。


下载两个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>


网友评论

登录后评论
0/500
评论
沫沫金
+ 关注