沫沫金: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,如需转载请自行联系原作者
相关文章
|
3月前
|
JSON JavaScript 数据格式
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
27 0
|
5月前
|
C++ UED
C++ Qt开发:Slider滑块条组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`Slider`滑块条组件的常用方法及灵活运用。当涉及到C++ Qt开发中的`Slider`滑块条组件时,你可能会用到`QSlider`类。`QSlider`是一个用于选择整数值的控件,常用于调整范围内的数值,如音量、亮度等。在水平方向上的`Slider`通常被称为水平滑块(Horizontal Slider),而在垂直方向上的Slider被称为垂直滑块(Vertical Slider)。
42 0
|
7月前
|
API 开发者 索引
Flutter笔记:发布一个多功能轮播组件 awesome_carousel
awesome_carousel 模块是一个Flutter轮播图模块。可以实现包括自定义指示器、动画、滚动等等众多功能。能够指定相当多地细节(可以参考 API 部分了解)本文给出 awesome_carousel 模块的两个简单的用法示例。
89 0
|
9月前
vue2中v-drag如何实现拖拽(移动端)
vue2中v-drag如何实现拖拽(移动端)
242 0
|
9月前
|
JavaScript 前端开发
使用swiper实现图片轮播功能
使用swiper实现图片轮播功能
|
前端开发 JavaScript
elementui源码学习之仿写一个el-tooltip
elementui源码学习之仿写一个el-tooltip
567 0
elementui源码学习之仿写一个el-drawer
elementui源码学习之仿写一个el-drawer
236 0
|
JavaScript
elementui源码学习之仿写一个el-timeline
elementui源码学习之仿写一个el-timeline
261 0
|
小程序
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果
微信小程序组件swiper实现跑马灯(marquee)效果
984 0
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果