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;
       })
    })


  

原文地址:https://www.cnblogs.com/zhangruiqi/p/8176724.html