关于微信中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实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
jquery实现的伪分页效果代码
Oct 29 Javascript
Jquery使用小技巧汇总
Dec 29 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
Nov 08 Javascript
JS实现网站吸顶条
Jan 08 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
星际原理概述
2020/03/04 星际争霸
URL Rewrite的设置方法
2007/01/02 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
PHP模板引擎Smarty的缓存使用总结
2014/04/24 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
JS 自动安装exe程序
2008/11/30 Javascript
JavaScript Prototype对象
2009/01/07 Javascript
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
2015/05/16 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
Javascript验证方法大全
2015/09/21 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
详解Vscode中使用Eslint终极配置大全
2019/11/08 Javascript
python中的迭代和可迭代对象代码示例
2017/12/27 Python
python3 拼接字符串的7种方法
2018/09/12 Python
python重试装饰器的简单实现方法
2019/01/31 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
三星美国官网:Samsung美国
2017/02/06 全球购物
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
写出一个方法实现冒泡排序
2016/07/08 面试题
职工运动会感言
2014/02/07 职场文书
2014年廉洁自律承诺书
2014/05/26 职场文书
党员自我对照检查材料
2014/08/19 职场文书
活动总结格式
2014/08/30 职场文书
邀请函范文
2015/02/02 职场文书