bootstrap官方推荐的滑动轮播插件。http://www.bootcss.com/p/unslider/
官网上对其触屏功能说的含糊其辞,说只要引入swipe插件就行了。
支持触摸屏
If you want to add mobile/touch/swipe/whatever support to Unslider, you’ll need to include the jQuery.event.swipe plugin, then it’ll work out the box. Easy!
引入之后然而并没有什么卵用。
解决方法:倒腾了一会,终于搞出来了,引入swipe还不够,swipe插件还依赖move插件
<script src="../ui/jquery.event.move.js"></script>
<script src="../ui/jquery.event.swipe.js"></script>
<script src="../ui/unslide/unslider.min.js"></script>
function initBanner(){
var slidey = $('.banner').unslider({
speed: 500, // The speed to animate each slide (in milliseconds)
delay: 3000, // The delay between slide animations (in milliseconds)
complete: function() {}, // A function that gets called after every slide animation
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: false, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
}),
slideData = slidey.data('unslider');
$(".banner").on('swipeleft', function(e) {
slideData.next();
});
$(".banner").on('swiperight', function(e) {
slideData.prev();
});
}