2025年3月30日 星期日 甲辰(龙)年 月廿九 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

解决 iOS 设备上链接要点击两次才跳转的问题

时间:02-19来源:作者:点击数:50

解决 iOS 设备上链接要点击两次才跳转的问题

昨天接到用户反馈,iOS 设备上链接要点击两次才跳转,这个问题怎么能忍的下去,解决办法如下: 确保你的HTML页面添加了以下头部代码:

  • <meta name="viewport" content="width=device-width, initial-scale=1"/>

引入 jQuery 库,并贴入如下代码:

  • $(document).ready(function() {
  • $('a').on('click touchend', function(e) {
  • var el = $(this);
  • var link = el.attr('href');
  • window.location = link;
  • });
  • });

原因:iOS 设备上,如iPhone5s,在第一点击时是 hover 事件(类似鼠标移动上去),第二次才是点击事件。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门