jQuery Flexslider 在 iphone 和 ipad 中不起作用

Posted 2023-03-12

【中文标题】jQuery Flexslider 在 iphone 和 ipad 中不起作用

【英文标题】：jQuery Flexslider not working in iphone and ipad

【发布时间】：2016-08-19 06:14:05

【问题描述】：

当我单击或点击 flexslider 中的导航箭头时，我需要从 li 标签中删除类。它在我所有的浏览器中都能完美运行，但我无法在 iphone 和 ipad 中产生相同的效果。当我点击导航箭头滑块时，使用 flexslider 插件代码正确移动，但我的代码中的警报很少不会连续出现

 $(".flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev").on('click', 'tap', function () 
    alert("hi");        
    $(".repeat-cont li.active-slide.open").removeClass("open");
);

您对移动设备有任何特殊属性或对此代码有任何想法吗？我尝试使用 touchstart 而不是 tap。

【参考方案1】：

这两个事件应该像"click tap"而不是"click", "tap"一样组合起来：

$(".flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev").on('click tap', function () 
    alert("hi");        
    $(".repeat-cont li.active-slide.open").removeClass("open");
);

另外，如果您使用的是tap()，请确保您使用的是 jquery mobile

【讨论】：

谢谢 derek，在我替换 touchstart 而不是 tap 后它可以工作