错误:Unable to preventDefault inside passive event listener due to target being treated as passive.
2018-01-09 17:22
633 查看
问题描述:
用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
用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
相关文章推荐
- Unable to preventDefault inside passive event listener due to target being treated as passive?
- [Intervention] Unable to preventDefault inside passive event listener due to target being treated as
- Unable to preventDefault inside passive event listener due to target being treated as passive?
- Unable to preventDefault inside passive event listener
- 做下拉刷新时候控制台一直打印:Unable to preventDefault inside passive event listener
- 滑动的时候报警告:Unable to preventDefault inside
- 手工建库启动实例时一个小错误:ORA-00824: cannot set sga_target due to existing internal settings
- 导入android project到 eclipse 出现Unable to resolve target 'android-8'的错误
- eclipse c++ 编译错误:在有符号和无符号整数表达式间比较 warnings being treated as errors
- android错误之Unable to resolve target 'Google Inc.:Google APIs:5'
- 解决错误:unable to find valid certification path to requested target
- Eclipse的SVN插件提示:验证验证位置时发生错误:"Unable to load default SVN Client“解决
- 运行android时Unable to resolve target 'Google Inc.:Google APIs:7'错误
- svn, Eclipse 错误 eclipse unable to load default svn client
- 导入android项目出现:出现Unable to resolve target 'android-8'错误的解决方法
- Myeclipse中导入Android项目时,提示的错误:unable to resolve target 'android-14'
- WCF分布式开发常见错误(21):unable to open its IChannelListener.分发器未能打开侦听器
- Unable to resolve target 'android-8'类似错误的解决办法
- 导入android项目出现:出现Unable to resolve target 'android-8'错误及其他的一些解决办法
- linux 发布java项目所遇到的错误 linux unable to create default