关于微信中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模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
Jul 28 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
Jun 13 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
微信小程序 本地存储及登录页面处理实例详解
Jan 11 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
Nov 23 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
终于听上了直流胆调频
2021/03/02 无线电
php字符串截取问题
2006/11/28 PHP
php输出表格的实现代码(修正版)
2010/12/29 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
PHP执行linux命令常用函数汇总
2016/02/02 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
Vue3.0 响应式系统源码逐行分析讲解
2019/10/14 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
Python监控主机是否存活并以邮件报警
2015/09/22 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
python+tkinter实现学生管理系统
2019/08/20 Python
python实现吃苹果小游戏
2020/03/21 Python
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
将相和教学反思
2014/02/04 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL