Question

我在列表中的href链接无法在移动设备上点击，但它们在桌面上工作得很好。然而，当我长按时链接正在工作，所以我认为没有任何元素意外地覆盖它们。

请注意，切换最后两个链接以显示使用JQuery的子链接。这是列表html;

＆＃13;

<div class="sk-navigation">
  <ul class="sk-left-nav">
    <li><a href="index.html"><i class="fa fa-home"></i>Home</a></li>
    <li><a href="shops.html"><i class="fa fa-cubes fa-nav-shops"></i>Shops</a></li>
    <li class="cart-left"><a href="#"><i class="fa fa-shopping-basket fa-nav-cart"></i>Shopping Cart</a><span><div class="cart-bubble-left">12</div></span></li>
    <li><a href="#"><i class="fa fa-file-text"></i>Blog</a></li>
    <li><a href="#"><i class="fa fa-address-book"></i>Contact</a></li>
    <li><a href="#"><i class="fa fa-wrench"></i>Admin</a></li>
    <li class="sk-left-parent"><a href="#"><i class="fa fa-life-ring"></i>Help<span class="fa fa-chevron-down"></span></a>
      <ul>
        <li><a href="#">Buyers</a></li>
        <li><a href="#">Suppliers</a></li>
        <li><a href="#">Dispute</a></li>
        <li><a href="#">Report Abuse</a></li>
      </ul>
    </li>
    <li class="sk-left-parent"><a href="#"><i class="fa fa-info-circle"></i>Info<span class="fa fa-chevron-down"></span></a>
      <ul>
        <li><a href="#">Tips</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Quotes</a></li>
      </ul>
    </li>
  </ul>
</div>

＆＃13;

有人可以帮忙。该页面位于http://synergykinetics.com/sales-press-prototype

Answer 1

我发现罪魁祸首是我使用的一个名为TouchSwipe的JQuery脚本，它干扰了点击。我注释掉了设置为0的阈值选项。

我在这个问题的答案中找到了解决方案：Tap events not triggering for TouchSwipe

Href链接在移动设备上不可点击的列表中

1 个答案: