Question

我正在使用flex-slider的缩略图controlnav进行幻灯片放映。它在PC和Mac上运行得很好，但在我的iphone上触摸缩略图不会改变主滑块的图像。我根本没有改变jquery.flexslider.js文件。来自官方网站的controlnav的演示似乎在我的手机上工作正常。我没有自己的Mac，所以我不能直接调试我的手机：/。还有其他人遇到过这个问题吗？如果您需要我发布HTML或任何其他代码，请告诉我。

这是它应该做的事情： http://flexslider.woothemes.com/thumbnail-slider.html

以下是我对滑块声明所拥有的内容：

 $('#carousel').flexslider({
   animation: "slide",
   controlNav: false,
   animationLoop: false,
   slideshow: false,
   itemWidth: 210,
   itemMargin: 5,
   asNavFor: '#slider'
  });


  // The slider being synced must be initialized first
$('#carousel').flexslider({
   animation: "slide",
   controlNav: false,
   animationLoop: false,
   slideshow: false,
   itemWidth: 150,
   itemMargin: 0,
   asNavFor: '#slider'  
 });

如果我用演示代码替换它，触摸可以工作，但它也会创建一堆额外的空盒子

 $(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails"
});
});

谢谢！

威尔

Answer 1

我认为您需要翻转项目 - 您在#carousel上调用flexslider两次，但从不在#slider上调用。一个正在同步，另一个是导航。

$('#carousel').flexslider({
   asNavFor: '#slider'
  });

  // The slider being synced must be initialized first
$('#slider').flexslider({
   sync: '#carousel'  
 });

jquery.flexslider：触摸不适用于iOS的缩略图滑块

1 个答案: