锚标签无法在移动浏览器中使用

时间:2015-09-19 18:17:06

标签: jquery html css

我的网站上有一个滑块 此滑块内的锚标签可在PC中使用,但无法在移动浏览器(Android或iphone)中使用

例如,您可以尝试"立即购买"在第一个滑块 website

1 个答案:

答案 0 :(得分:3)

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

  1. 我在Chrome中尝试了设备模式,但它确实有效,但它无法正常工作 我的iPhone 6 Plus。
  2. 似乎没有JavaScript 与此问题相关的警告。
  3. 标记用于链接(如果在iPhone上打开滑块时按住按钮,它会显示底部的iOS菜单,显示URL,询问您是否要在新选项卡中打开它)
  4. 看来有些东西阻止了触摸事件。这是修复它的一种非常混乱的方法,但它应该可以解决这个问题:

    <script type="text/javascript">
    
    jQuery(document).ready(function($) {
      $("#buynwa").on("touchstart", function(event) {
          window.location.href = $(event.target).attr('href');
        });
     });
    
    </script>
    

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