Javascript 基础5轨道点击不在触控设备上发射-链接Don & Syxx27;行不通 我使用基础5轨道来显示图像,使用图片填充和顶部自定义标题。在桌面上一切正常,但在触摸设备(如Android、iPhone)上,无法点击环绕整个幻灯片的链接。 当我设置时,它确实起作用 swipe: false;

Javascript 基础5轨道点击不在触控设备上发射-链接Don & Syxx27;行不通 我使用基础5轨道来显示图像,使用图片填充和顶部自定义标题。在桌面上一切正常,但在触摸设备(如Android、iPhone)上,无法点击环绕整个幻灯片的链接。 当我设置时,它确实起作用 swipe: false;,javascript,android,jquery,touch,zurb-foundation,Javascript,Android,Jquery,Touch,Zurb Foundation,因此,我怀疑滑动的触控监听器会以某种方式阻碍点击被触发。我设置的其他选项: data-options="pause_on_hover:false;bullets:true;slide_number:false;timer_show_progress_bar:true;navigation_arrows:false;next_on_click:false;" 请在下一页查看演示 我使用基础5.2.2结合 jQuery 2.1.1 FastClick 1.0.2 现代化2.8.2 似乎没有解

因此,我怀疑滑动的触控监听器会以某种方式阻碍点击被触发。我设置的其他选项:

data-options="pause_on_hover:false;bullets:true;slide_number:false;timer_show_progress_bar:true;navigation_arrows:false;next_on_click:false;"
请在下一页查看演示

我使用基础5.2.2结合

  • jQuery 2.1.1
  • FastClick 1.0.2
  • 现代化2.8.2
似乎没有解决我的问题


感谢您的帮助:)

随着轨道滑块很快被弃用,ZURB建议继续使用滑动滑块()

更换旧的轨道器非常容易,Ken在这里提供了一个简单的解释:

对我来说,这为工作的、可滑动的滑块提供了窍门:

    $('.your-class').slick({
    arrows: false,
    draggable: false,
    dots: true,
    autoplay: true,
    cssEase: 'ease',
    speed: 500,
    easing: 'linear',
    slide: 'article', //element inside of the wrapping '.your class' that you want to become a slide
    swipe: true
});
我建议仔细研究一下他的css,因为Ken的样式更“预先定制”,所以您可能需要用自己的样式覆盖某些类


另外,请记住,Slick将有更多/不同的包装,这可能需要重新设计一些现有的CSS(例如,不再有轨道标题等)

我也仍然有这个问题-根据github问题跟踪程序()的说法,它已修复并关闭,但我运行的是5.2.3,轨道滑块中的所有链接都不能在触摸设备上工作。它们处于悬停状态,但实际上没有链接。看起来你已经开始工作了,你能详细说明一下你是如何让你的轨道链接在移动设备上工作的(它们似乎在我的iPad上工作)吗?现在,我设置了
swipe:false
,但这显然也不是最理想的选择。