mui中a标签的跳转问题

一、脑补

      快速响应是mobile App实现的重中之重，研究表明，当延迟超过100毫秒，用户就能感受到界面的卡顿，然而手机浏览器的click点击存在300毫秒延迟（至于为何会延迟，及300毫秒的来龙去脉，请自行谷百），mui为了解决这个问题，封装了tap事件，因此在任何点击的时候，请忘记click及onclick操作！！！

二、解决办法

　　*  以下两种用法的Script代码块都必须放在body的最底下才会生效

　　1.建议使用

　　　　mui('body').on('tap','a',function(){
　　　　　　window.top.location.href=this.href;
　　　　});

　　2. 给需要跳转的 a 标签添加一个类名  a

　　　　document.querySelectorAll(".a").forEach(function (val,key) {

　　　　　val.addEventListener('tap', function(){

　　　　　　window.top.location.href=this.href;
　　　　   })
　　　 })

　　

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有