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

【问题标题】：Href Links In A List Not Clickable On Mobile列表中的 Href 链接在移动设备上不可点击
【发布时间】：2018-05-17 08:38:57
【问题描述】：

我的列表中有 href 链接，在移动设备上无法点击，但它们在桌面上运行良好。但是，当我长按时，链接仍然有效，所以我认为没有任何元素意外覆盖它们。

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

<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>

有人可以帮忙吗？该页面可以在http://synergykinetics.com/sales-press-prototype找到

【问题讨论】：

你的问题的全部内容必须在你的问题中，而不仅仅是链接。链接失效，使问题及其答案对未来的人们毫无用处，人们不应该离开现场来帮助你。在问题中添加Minimal, Complete, and Verifiable example ，最好使用 Stack Snippets（<> 工具栏按钮）使其可运行（here's how to create one）。
@Rory McCrossan。我添加了一个代码 sn-p
我有同样的问题，我想我通过删除一个引导类来解决它，类名就像回滚或回退..

标签： jquery html mobile

【解决方案1】：

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

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

【讨论】：