mui框架使用的过程中遇到的几个问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui框架使用的过程中遇到的几个问题相关的知识,希望对你有一定的参考价值。

1.zepto.js和mui一起使用的时候,tap事件会发生两次,这时只要不引用zepto.js的touch.js就可以了,只用mui的tap事件,如:

mui(".infor_header").on(‘tap‘,‘li‘,function(){
     alert(123);
})

$(".box")[0].addEventListener("tap",function(){

     alert(456);

})

 

2.mui使用的时候会将所有的a标签的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:‘正在加载...‘
            }
      })
}

以上是关于mui框架使用的过程中遇到的几个问题的主要内容,如果未能解决你的问题,请参考以下文章

2018-09-06 关于在vue中使用外部js,css的过程

MUI框架-04-切换页面头部文字重叠

前端框架MUI开发App

MUI 框架之遮罩蒙版(mask)

mui框架阻止了onclick事件吗

使用mui框架后a标签无法跳转