jquery - anchor 标记在移动浏览器中不起作用

Question

我的网站上有一个 slider 此 slider 内的 anchor 标记在 PC 中工作但在移动浏览器(android 或 iphone)中不工作

例如，您可以在第一个 slider 中尝试“立即购买” website

Answer 1

不确定实际的错误是什么，但从这些因素判断:

1. 我在 Chrome 中尝试了设备模式并且它有效，但它在我真正的 iPhone 6 Plus。
2. 似乎没有 JavaScript与此问题相关的警告。
3. 标记用于链接(如果您在 iPhone 上打开 slider 时按住按钮，它会在底部调出 iOS 菜单，显示 URL，询问您是否要在新标签页中打开它) .

似乎有什么东西阻止了触摸事件。这是一种非常困惑的修复方法，但它应该可以解决问题:

<script type="text/javascript">

jQuery(document).ready(function($) {
  $("#buynwa").on("touchstart", function(event) {
      window.location.href = $(event.target).attr('href');
    });
 });

</script>

尝试将其粘贴到 footer.php 文件中任何其他脚本下的 </body> 标记之前。它要做的是在第一张幻灯片的第一个 anchor 标记上查找 touchstart 事件，获取 href 属性，然后路由到该页面。如果有效，代码的 $("#buynwa") 部分将需要与其他 anchor 标记的其他 id 进行调整，因为它们之间似乎没有共享任何公共(public)类。您将检查元素，并将 jQuery 选择器更改为 $("#buynwa, #id2, #id3") 。