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


Posted in Javascript onAugust 02, 2016

【问题】

微信页面开发时,各个主页之间的跳转,完全是通过a链接进行的,但是来回跳转几次,再次从其他主页面跳回首页的时候,微信头部出现了跳转加载进度条,但是就是不跳转,也没有任何反应

【范围】

只出现在微信内置浏览器上

【解决方法】

只要在原本跳转的链接后面带上任意一个参数,即:

<a href="http://www.baidu.com">百度一下</a>

变成

<a href="http://www.baidu.com?love">百度一下</a>

【注】参数love可以是任意的,随个人喜好

PS:微信中a链接失效问题

例子1:

<a href="tel:400-4000-0000" >XXX</a>

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

<a href="tel:400-4000-0000" >XXX</a>改为

<a link="tel:400-4000-0000" >

则可以解决部分安卓机型,(但不是全部的),有些机型依然不行。这个和微信客户端有关。目前没有找到满意的解决办法。

当a连接跳转的首页的问题

阻止a的跳转

$(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");
  }
}
);

隐藏微信工具条

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){
 WeixinJSBridge.call('hideToolbar');
});
Javascript 相关文章推荐
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
JavaScript对象参数的引用传递
Jan 14 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 Javascript
在vue中使用eslint,配合vscode的操作
Nov 09 Javascript
JS setTimeout与setInterval的区别
Apr 20 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 #Javascript
常用的js验证和数据处理总结
Aug 02 #Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 #Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 #Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 #Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 #Javascript
实现React单页应用的方法详解
Aug 02 #Javascript
You might like
php开发环境配置记录
2011/01/14 PHP
php的hash算法介绍
2014/02/13 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
jquery简单实现鼠标经过导航条改变背景图
2013/12/17 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
Jquery的each里用return true或false代替break或continue
2014/05/21 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
python实现进程间通信简单实例
2014/07/23 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Python正则表达式如何匹配中文
2020/05/27 Python
Python Map 函数的使用
2020/08/28 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
财务管理专业应届毕业生求职信
2013/09/22 职场文书
校庆标语集锦
2014/06/25 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
公司出差管理制度范本
2015/08/05 职场文书
mysql查询结果实现多列拼接查询
2022/04/03 MySQL