沫沫金：BootStarp轮播组件（carousel）支持触屏【Hammer】

标签：bootstrap 轮播 滑动

外国人，还是牛逼。

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

沫沫金：BootStarp轮播组件（carousel）支持触屏【Hammer】

标签：bootstrap 轮播 滑动

原文地址：http://zl0828.blog.51cto.com/2242565/1769440