关于微信中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 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
jQuery取消特定的click事件
Feb 29 Javascript
理解javascript对象继承
Apr 17 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
Jun 01 Javascript
jQuery实现的兼容性浮动层示例
Aug 02 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
Apr 01 Javascript
html实现随机点名器的示例代码
Apr 02 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中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
python自带的http模块详解
2016/11/06 Python
python如何求解两数的最大公约数
2018/09/27 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
Python魔法方法功能与用法简介
2019/04/04 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
python编程的核心知识点总结
2021/02/08 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
德购商城:德国进口直邮商城
2017/06/13 全球购物
普通大学毕业生自荐信
2013/11/04 职场文书
《祁黄羊》教学反思
2014/04/22 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python