我使用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会触发反应(不是正确的反应)而是反应。感谢您提供任何帮助。