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

编程知识 行业动态 更新时间:2024-06-13 00:20:32

外国人,还是牛逼。


下载两个JS

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

2、https://github/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>


转载于:https://blog.51cto/zl0828/1769440

更多推荐

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

本文发布于:2023-03-30 01:59:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/bd1e88fc5777f9808a87ddf4d1f7db1a.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:组件   沫沫   Hammer   BootStarp   carousel

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!