【笔记】《Bootstrap实战》——附录C 让传送带支持手势

给你一囗甜甜゛ 提交于 2020-04-15 13:58:59

【推荐阅读】微服务还能火多久?>>>

文章目录


选择方案

下载

  • https://cdn.bootcss.com/jquery.touchswipe/1.6.19/jquery.touchSwipe.js
  • https://cdn.bootcss.com/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js

使用

  • touchSwipe.min.js的代码复制到plugins.js的bootstrap代码后,保存
  • main.js中添加以下代码:
$( document ).ready(function() {
    //Enable swiping...
	$(".carousel-inner").swipe( {
		//Generic swipe handler for all directions
		swipeRight:function(event, direction, distance, duration, fingerCount) {
			$(this).parent().carousel('prev');
		},
		swipeLeft: function() {
			$(this).parent().carousel('next');
		},
		//Default is 75px, set to 0 so any distance triggers swipe
		threshold:0
	});
});
  • 保存,测试,完成
发布了41 篇原创文章 · 获赞 90 · 访问量 2万+
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!