我喜欢iDangerous swipers我在其他项目中使用了主要的和垂直的swiper,他们工作得很好。在这种情况下,我试图使用电影应用程序版本,我似乎无法让它工作。我在我的html底部使用脚本,我的html与演示的那些匹配,这是我正在使用的脚本:
<script type="text/javascript">
$(function(){
var swiperMovies = $('.mc-posters').swiper({
mode : "horizontal",
onlyExternal : true,
speed:1000
});
var allowMovieClick = true
var swiperMControl = $('.mc-control').swiper({
mode : "horizontal",
scrollContainer:true,
onTouchMove : function(){
allowMovieClick = true
},
onTouchEnd : function() {
setTimeout(function(){allowMovieClick = true},100)
}
});
$('.mc-control img').bind('mousedown',function(e){
e.preventDefault()
})
$('.mc-control img').bind('click',function(e){
e.preventDefault()
if (!allowMovieClick) return;
var index = $(this).index()
swiperMovies.swipeTo ( index )
$('.mc-control .active').removeClass('active')
$(this).addClass('active')
});
})
我很感激任何帮助。