关于微信中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 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
网上抓的一个特效
May 11 Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
js读取配置文件自写
Feb 11 Javascript
JS判断变量是否为空判断是否null
Jul 25 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
Oct 18 Javascript
详解react关于事件绑定this的四种方式
Mar 09 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
Feb 27 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 时间计算问题小结
2009/01/04 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
php中定时计划任务的实现原理
2013/01/08 PHP
PHP 自定义错误处理函数的使用详解
2013/05/10 PHP
php实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
Yii2创建多界面主题(Theme)的方法
2016/10/08 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
微信小程序实现轨迹回放的示例代码
2019/12/13 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
关于Python 3中print函数的换行详解
2017/08/08 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
python读取xlsx的方法
2018/12/25 Python
关于python字符串方法分类详解
2019/08/20 Python
pandas数据处理进阶详解
2019/10/11 Python
python tornado使用流生成图片的例子
2019/11/18 Python
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
捷科时代的软件测试笔试题
2015/11/09 面试题
群众路线教育实践活动的心得体会
2014/09/03 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
税务会计岗位职责
2015/04/02 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
python字符串的多行输出的实例详解
2021/06/08 Python
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android
利用Sharding-Jdbc进行分库分表的操作代码
2022/01/22 Java/Android