关于微信中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 相关文章推荐
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
用js遍历 table的脚本
Jul 23 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
jQuery Tools Dateinput使用介绍
Jul 14 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
如何更好的编写js async函数
May 13 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
node.js基础知识汇总
Aug 25 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内核学习教程之php opcode内核实现
2016/01/27 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
2016/10/11 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
js放大镜放大购物图片效果
2017/01/18 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
详解js删除数组中的指定元素
2018/10/31 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
python实现爬虫下载漫画示例
2014/02/16 Python
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Django 自定义分页器的实现代码
2019/11/24 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
母亲80寿诞答谢词
2014/01/16 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
2014年计生工作总结
2014/11/21 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
垂直极限观后感
2015/06/08 职场文书
浅谈python中的多态
2021/06/15 Python
PHP实现两种排课方式
2021/06/26 PHP
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android