当前位置：首页 > 资讯 > 技术文档

关于微信中a链接无法跳转问题

时间：2020-01-27 07:57 编辑：来源：阅读：
扫一扫，手机访问

摘要：关于微信中a链接无法跳转问题

[b]【问题】[/b] 微信页面开发时，各个主页之间的跳转，完全是通过a链接进行的，但是来回跳转几次，再次从其他主页面跳回首页的时候，微信头部出现了跳转加载进度条，但是就是不跳转，也没有任何反应 [b]【范围】[/b] 只出现在微信内置浏览器上 [b]【解决方法】[/b] 只要在原本跳转的链接后面带上任意一个参数，即：

[url=http://www.baidu.com]

变成

[u]复制代码[/u][/url] 代码如下:

【注】参数love可以是任意的，随个人喜好 [b]PS:微信中a链接失效问题[/b] 例子1：

[url=tel:400-4000-0000]

这个a标签里的href调用的是手机号码。当点击这个a标签的时候则弹出是否拨打该号码的提示。在手机浏览器中使用是没有任何问题的，但在微信中，在安卓系统手机，微信5.0.1以上版本时该标签就失效了。（最新的微信版本是否解决了这个问题目前还不清楚）。这种情况下，将：

[u]复制代码[/u][/url] 代码如下:

则可以解决部分安卓机型，（但不是全部的），有些机型依然不行。这个和微信客户端有关。目前没有找到满意的解决办法。 [b]当a连接跳转的首页的问题[/b] [b]阻止a的跳转[/b]

$(document).on("click","a",function (event){
  event.preventDefault();
  if ($(event.target).attr("href")){
    location.href = $(event.target).attr("href");
  } else {
    location.href = $(event.target).parent().attr("href");
  }
}
);

[b]隐藏微信工具条[/b]

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){
 WeixinJSBridge.call('hideToolbar');
});

全部评论(0)

上一篇：javascript属性访问表达式用法分析
下一篇：js实现仿MSN带关闭功能的右下角弹窗代码

资讯排行榜
更多>>