沫沫金: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,如需转载请自行联系原作者
相关文章
|
4月前
|
C++ UED
C++ Qt开发:Slider滑块条组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`Slider`滑块条组件的常用方法及灵活运用。当涉及到C++ Qt开发中的`Slider`滑块条组件时,你可能会用到`QSlider`类。`QSlider`是一个用于选择整数值的控件,常用于调整范围内的数值,如音量、亮度等。在水平方向上的`Slider`通常被称为水平滑块(Horizontal Slider),而在垂直方向上的Slider被称为垂直滑块(Vertical Slider)。
35 0
|
6月前
|
API 开发者 索引
Flutter笔记:发布一个多功能轮播组件 awesome_carousel
awesome_carousel 模块是一个Flutter轮播图模块。可以实现包括自定义指示器、动画、滚动等等众多功能。能够指定相当多地细节(可以参考 API 部分了解)本文给出 awesome_carousel 模块的两个简单的用法示例。
74 0
|
8月前
vue2中v-drag如何实现拖拽(移动端)
vue2中v-drag如何实现拖拽(移动端)
214 0
|
8月前
|
JavaScript 前端开发
使用swiper实现图片轮播功能
使用swiper实现图片轮播功能
|
小程序
微信小程序:echarts层级太高,遮挡van-popup弹框组件
微信小程序:echarts层级太高,遮挡van-popup弹框组件
1011 0
|
前端开发 JavaScript UED
纯css实现Material Design中的水滴动画按钮
纯css实现Material Design中的水滴动画按钮
纯css实现Material Design中的水滴动画按钮
|
Android开发
Android图片选择器,仿微信的图片选择器的样式和效果。支持图片预览和图片切换
Android图片选择器,仿微信的图片选择器的样式和效果。支持图片的单选、限数量的多选和不限数量的多选。支持图片预览和图片文件夹的切换。支持图片单选并剪裁。 先上效果图: 1、引入依赖 在Project的build.gradle在添加以下代码 allprojects { repositories { ... maven { url 'https://jitpack.io' } // 如果你使用的是1.4.0或更早的版本,这句可以不用。
5993 0
|
前端开发 JavaScript
jquery + Bootstrap : data-toggle="popover"鼠标放上去显示悬浮层 Tips
image.png jquery鼠标放上去显示悬浮层 Tips html js $(() => { var tip = $('#time_range_fa'); $(tip).
2128 0