码迷,mamicode.com
首页 > 其他好文 > 详细

mui中a标签的跳转问题

时间:2018-01-02 15:27:37      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:location   用户   添加   doc   a标签   span   each   界面   实现   

一、脑补

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

二、解决办法

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

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

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

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


  2. 网上很多人提出的(但是在我这里不起作用)

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

 

mui中a标签的跳转问题

标签:location   用户   添加   doc   a标签   span   each   界面   实现   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!