选择方案
下载
- 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
});
});
- 保存,测试,完成
来源:oschina
链接:https://my.oschina.net/u/4395251/blog/3235490