Flexslider Callbacks不会在移动设备上触发

时间:2014-03-19 14:01:04

标签: jquery ios callback stylesheet flexslider

我使用Flexslider回调来触发样式表更改。在桌面上适用于所有现代浏览器,但不适用于ios设备 - 它似乎忽略了后回调功能。 Flexslider的完整代码是3张幻灯片 - 3张样式表,它们基本上只是改变了页面上某些元素的颜色。

$(window).load(function() {
//Home Gallery Flexslider
$('#slider').flexslider({
    animation: "fade",
    pauseOnHover: false,
    directionNav: false,
    slideshowSpeed: 15000,
    slideshow: true,
    touch: true,
    animationSpeed: 0,
    controlNav: true,
    keyboard: true,
    manualControls: ".flex-control-nav li",
    start: function(slider){
        $('#slider').fadeIn('slow');
        $('link[title=resource]').prop('disabled',true);
        $('link[title=apps]').prop('disabled',true);
        $('link[title=shop]').prop('disabled',false);
    },
    after: function(slider){
        if(slider.currentSlide==0) {
            $('link[title=shop]').prop('disabled',false);
            $('link[title=resource]').prop('disabled',true);
            $('link[title=apps]').prop('disabled',true);
        }
        if(slider.currentSlide==1) {
            $('link[title=apps]').prop('disabled',false);
            $('link[title=shop]').prop('disabled',true);
            $('link[title=resource]').prop('disabled',true);
        }
        if(slider.currentSlide==2) {
            $('link[title=resource]').prop('disabled',false);
            $('link[title=shop]').prop('disabled',true);
            $('link[title=apps]').prop('disabled',true);
        }
    }
});
});

我已经将问题缩小到特别是后回调函数,因为使用before会触发反应(不是正确的反应)而是反应。感谢您提供任何帮助。

0 个答案:

没有答案