沫沫金:BootStarp轮播组件(carousel)支持触屏【Hammer】-阿里云开发者社区

开发者社区> 技术小阿哥> 正文

沫沫金: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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Cloud for Customer的主页加载逻辑
Cloud for Customer的主页加载逻辑
3 0
阿里云物联网平台设备端响应物模型属性更新
在使用云端API SetDeviceProperty、iot studio设置设备属性、物联网平台控制台在线调试功能时,会出现物模型属性没有更新的情况。 以上功能中都是在调用SetDeviceProperty接口去更新物模型属性。 因为云端下发属性设置命令和设备收到并执行该命令是异步的,所以调用该接口时,返回的成功结果只表示云端下发属性设置的请求成功,不能保证设备端收到并执行了该请求。需设备端SDK成功响应云端设置设备属性值的请求,设备属性值才能真正设置成功。
13 0
SAP Cloud for Customer的Container应用设计原理
SAP Cloud for Customer的Container应用设计原理
5 0
Cloud for Customer里UI5 JavaScript代码和UI designer里模型的对应关系
Cloud for Customer里UI5 JavaScript代码和UI designer里模型的对应关系
3 0
微信开发系列之五 - 将SAP UI5应用嵌入到微信中
微信开发系列之五 - 将SAP UI5应用嵌入到微信中
3 0
教妹学 Java:动态伴侣 Groovy
教妹学 Java:动态伴侣 Groovy
4 0
一些Cloud for Customer的客户需求
一些Cloud for Customer的客户需求
4 0
Spring框架里解析配置文件的准确位置
Spring框架里解析配置文件的准确位置
4 0
五分钟搞定 HTTPS 配置,二哥手把手教
五分钟搞定 HTTPS 配置,二哥手把手教
4 0
关于 SAP Spartacus OAuth 2.0 Resource Owner Password Flow 实现的一些讨论
关于 SAP Spartacus OAuth 2.0 Resource Owner Password Flow 实现的一些讨论
3 0
8434
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载