iDangerous スワイパーが大好きです。他のプロジェクトでメインのスワイパーと垂直スワイパーを使用しましたが、問題なく動作しました。この例では、ムービー アプリ バージョンを使用しようとしていますが、動作しないようです。私はhtmlの下部にあるスクリプトを使用しており、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')
});
})
助けていただければ幸いです。