关于微信中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 相关文章推荐
有关JavaScript的10个怪癖和秘密分享
Aug 28 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
浅谈JavaScript for循环 闭包
Jun 22 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
Oct 11 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
js+css实现红包雨效果
Jul 12 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
Vue中引入svg图标的两种方式
Jan 14 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
C# Assembly类访问程序集信息
2009/06/13 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
php遍历CSV类实例
2015/04/14 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
2007/03/10 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
浅析Python中的多重继承
2015/04/28 Python
python 美化输出信息的实例
2018/10/15 Python
一百行python代码将图片转成字符画
2021/02/19 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
Champion官网:美国冠军运动服装
2017/01/25 全球购物
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
新闻记者个人求职的自我评价
2013/11/28 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
合作意向书格式及范文
2014/03/31 职场文书
小学班主任寄语大全
2014/04/04 职场文书
学生会主席演讲稿
2014/04/25 职场文书
活动宣传策划方案
2014/05/23 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书