关于微信中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 相关文章推荐
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
Vue.js鼠标悬浮更换图片功能
May 17 Javascript
js编写选项卡效果
May 23 Javascript
详解Node 定时器
Feb 26 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
探秘vue-rx 2.0(推荐)
Sep 21 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 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将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
javascript中检测变量的类型的代码
2010/12/28 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
[36:05]DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs Optic
2018/04/01 DOTA
Python兔子毒药问题实例分析
2015/03/05 Python
python函数的5种参数详解
2017/02/24 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
python 列表,数组和矩阵sum的用法及区别介绍
2018/06/28 Python
python 反向输出字符串的方法
2018/07/16 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
python3.x+pyqt5实现主窗口状态栏里(嵌入)显示进度条功能
2019/07/04 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
Python基于WordCloud制作词云图
2019/11/29 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
django rest framework 自定义返回方式
2020/07/12 Python
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
介绍一下你对SOA的认识
2016/04/24 面试题
专科毕业生自我鉴定
2013/12/01 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
灰雀教学反思
2014/04/28 职场文书
竞选学习委员演讲稿
2014/09/01 职场文书
公司领导班子四风对照检查材料
2014/09/27 职场文书
2016年元旦致辞
2015/08/01 职场文书
师德师风心得体会(2016精选篇)
2016/01/12 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers