Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery.flexslider:触摸缩略图滑块在iOS上不工作_Jquery_Flexslider - Fatal编程技术网

jquery.flexslider:触摸缩略图滑块在iOS上不工作

jquery.flexslider:触摸缩略图滑块在iOS上不工作,jquery,flexslider,Jquery,Flexslider,我正在使用flex slider的缩略图控件Nav进行幻灯片放映。它在PC和Mac上运行良好,但在我的iphone上触摸缩略图不会改变主滑块的图像。我根本没有修改jquery.flexslider.js文件。官方网站上的controlnav演示在我的手机上似乎运行良好。我没有自己的Mac电脑,因此无法直接使用手机进行调试:/。还有其他人遇到过这个问题吗?如果您需要我发布html或任何其他代码,请告诉我 以下是它应该做的: 以下是我的滑块声明: $('#carousel').flexslide

我正在使用flex slider的缩略图控件Nav进行幻灯片放映。它在PC和Mac上运行良好,但在我的iphone上触摸缩略图不会改变主滑块的图像。我根本没有修改jquery.flexslider.js文件。官方网站上的controlnav演示在我的手机上似乎运行良好。我没有自己的Mac电脑,因此无法直接使用手机进行调试:/。还有其他人遇到过这个问题吗?如果您需要我发布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"
});
}); 
谢谢


Will

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

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

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

您是否对该对象调用了两次flexslider?是否可以发布您的代码?如果您有创造性云订阅,您可以使用Chrome的开发工具调试iPhone上的网页。