错误:Unable to preventDefault inside passive event listener due to target being treated as passive.

问题描述:

用MUI例子中的选项卡,底部的导航只能实现div切换,链接无法跳转。

查看控制台,输出: Unable to preventDefault inside passive event listener due to target 的警告。

技术分享

问题解决:

经检查相关资料,加入以下代码,即可解决问题。

mui(‘body‘).on(‘tap‘,‘a‘,function(){document.location.href=this.href;});

问题原因:

MUI在选项卡中的文字中已说明:

通过DIV模拟一个独立页面,通过DIV的显示、隐藏模拟不同页面的切换,典型的SPA模式;

所以默认的选项卡只适用于页面内多个div切换显示,如要做页面跳转,则需要加javaScript代码修改浏览器地址。

手机版加入代码:

mui(‘body‘).on(‘tap‘,‘a‘,function(){document.location.href=this.href;});

电脑版加入代码:

mui(‘body‘).on(‘click‘,‘a‘,function(){document.location.href=this.href;});


引申:

为什么手机中要用trap,而不和电脑一样的click事件。

首先两者都会在点击时触发,但是在手机web端,click会有 200~300 ms,所以请用tap代替click作为点击事件。但在本次问题中,在手机web端使用click,也能实现跳转,并无影响

MUI底部选项卡链接跳转不了

原文:http://www.cnblogs.com/bobball/p/7019088.html
  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java程序源

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值