使用iDangerous Swiper - 电影应用程序

时间:2013-05-17 14:57:53

标签: jquery

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

我很感激任何帮助。

0 个答案:

没有答案