0

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')
});
})

助けていただければ幸いです。

4

0 に答える 0