关于微信中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 相关文章推荐
学习面向对象之面向对象的术语
Nov 30 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
Node.js的包详细介绍
Jan 14 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
Oct 10 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
H5上传本地图片并预览功能
May 08 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
浅谈react路由传参的几种方式
Mar 23 Javascript
vue实现水波涟漪效果的点击反馈指令
May 31 Vue.js
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简单静态页生成过程
2008/03/27 PHP
PHP防注入安全代码
2008/04/09 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
2020/11/12 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
经典优秀个人求职信分享
2013/12/12 职场文书
生产部经理岗位职责
2013/12/16 职场文书
实习单位接收函
2014/01/11 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
校长师德表现自我评价
2015/03/04 职场文书
毕业设计致谢词
2015/05/14 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
canvas实现贪食蛇的实践
2022/02/15 Javascript
MySQL慢查询优化解决问题
2022/03/17 MySQL