mui框架移动端a标签不跳转问题

最新推荐文章于 2020-05-11 15:20:42 发布

都是风景幸会

最新推荐文章于 2020-05-11 15:20:42 发布

阅读量5.5k

点赞数 3

分类专栏：前端文章标签：框架

本文链接：https://blog.csdn.net/qq_17365131/article/details/73968191

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

标题mui使用的时候会将所有的a标签的href屏蔽，从而导致移动端不能正常跳转。

（PC端和微信可以跳转）

解决方法一之事件委托：

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

解决方法二之自定义事件：

window.location.href = "";

解决方法三之引入一段js：

mui.init();
window.onload=function(){
     var els=$("a");
     for(var i=0;i<els.length;i++){
            els[i].addEventListener('tap',function(){
                  openCustURL(this.getAttribute('href'));
            })
     }

}

function openCustURL(vurl){
      mui.openWindow({
            url:vurl,
            show:{
                   autoShow:true,
                   aniShow:'slide-in-right',
                   duration:400
            },
            waiting:{
                   autoShow:false,
                   title:'正在加载...'
            }
      })
}