mui 框架手机端不生效问题

picker 弹框不生效

最近做个一个手机浏览器版mui项目,发现在一些手机上mui上弹框事件,及点击事件的监听不好使.
首先对比代码,下图为官方代码,相应css,js需引用,这里就不一一举例了.

 (function($, doc) {$.init();$.ready(function() {//普通示例var userPicker = new $.PopPicker();userPicker.setData([{value: 'ywj',text: '董事长 叶文洁'}, {value: 'aaa',text: '总经理 艾AA'}, {value: 'lj',text: '罗辑'}, {value: 'ymt',text: '云天明'}, {value: 'shq',text: '史强'}, {value: 'zhbh',text: '章北海'}, {value: 'zhy',text: '庄颜'}, {value: 'gyf',text: '关一帆'}, {value: 'zhz',text: '智子'}, {value: 'gezh', text: '歌者'}]);var showUserPickerButton = doc.getElementById('showUserPicker');var userResult = doc.getElementById('userResult');showUserPickerButton.addEventListener('tap', function(event) {userPicker.show(function(items) {userResult.innerText = JSON.stringify(items[0]);//返回 false 可以阻止选择框的关闭//return false;});}, false);})(mui, document);

按照惯例,首先得加载mui.init(),这里涉及页面监听事件.然后初始化页面mui.ready();因为是手机浏览器,所以需要引用mui.ready,做下兼容

这里以picker框架为例,往往我们会调用后台调取需要弹框的数据.
起初我用的是Jquery ajax调用后台数据,这时候页面的监听事件在部分手机如
iphone 6s,M6note,华为9i 都出现了mui框架事件失效的现象.

出现这种情况的原因是手机浏览器不支持 es6 => 问题,还有js或者jquery加载顺序也会导致页面报错

如何解决这种办法,降key兼容,或者方法替换

mui 框架手机端不生效问题相关推荐

mui框架手机端APP开发
最近项目繁忙一直没有时间回顾,此次梳理一下利用mui框架进行手机端app的开发的具体操作. 首先介绍一下我们需要用到的轻量级开发工具HBuilder,HBuilder最主要的优点就是快 ...
input框取消光标颜色手机端不生效
<style> input{color:transparent; } </style> <input value="我要隐藏光标">//文字颜色 ...
手机端MUI---html5框架
前段时间做了一个手机端项目,用的是html5技术,关于h5网上有不少相关的框架插件,其中MUI是一个不错的选择.另外在官网上还有一个web项目的IDE工具,如下图: 示例效果: PS:此插件不兼容IE ...
手把手教你通过vue-cli搭建手机端框架
前言:欢迎前端的小伙伴们前来围观.学习借鉴,如果你是后端.测试和其他的小伙伴也没关系,如果自己也想玩一下前端,想搭建一个前端的框架,那么不妨静下心来看看这篇文章.如果你不是从事开发工作的人员,内容可能 ...
最新基于ThinkPHP5.0+BootStrap框架开发的自适应WAP手机端响应式界面博客系统PHP源码
<h2>源码介绍</h2> 分享一款基于ThinkPHP5.0框架开发的自适应WAP手机端响应式界面博客系统PHP源码,前端界面采用BootStrap框架设计,使得博客系统界面 ...
php支持上传音乐播放网,基于ThinkPHP5框架开发的响应式在线音乐播放网站PHP源码+WAP手机端|在线支付+会员购买+音乐上传...
源码介绍基于ThinkPHP5框架开发的响应式在线音乐播放网PHP源码,是一款开源的跨平台音乐管理系统,基于国内最优秀的开源框架ThinkPHP5.0.11内核开发的在线DJ音乐播放分享网站,完全免 ...
php企业官网源码响应式,基于ThinkPHP5框架开发的响应式企业官网PHP源码_PC端+WAP手机端自适应+TP企业官网建站系统...
源码介绍基于ThinkPHP5框架开发的响应式企业官网PHP源码,是一款基于ThinkPHP5.0.10内核开发的企业建站管理系统,非常适合企业拿来二次开发自己的企业官网系统.前端界面采用流行的bo ...
手机端和web端消息同步框架
框架特点: 1.手机端和web端任何一方发送消息,另外一方也能收到消息 2.手机端和web端任何一方读取某消息,另外一方也能收到该消息已读 3.手机端和web端只要在线就能够实时接收到消息,不在线登录 ...
YOLO-v4目标检测、换脸、视频上色全部实时手机端实现，美国东北大学等提出全自动实时移动端AI框架...
机器之心发布作者:马晓龙转载自公众号:机器之心如何助力深度神经网络在移动端「看得」更清,「跑得」更快?来自美国东北大学等机构的研究者提出一种新型全自动模式化稀疏度感知训练框架. 基于模式化稀疏度 ...

mui 框架手机端不生效问题

picker 弹框不生效

mui 框架手机端不生效问题相关推荐

最新文章

热门文章

mui 框架 手机端不生效问题

picker 弹框不生效

mui 框架 手机端不生效问题相关推荐

最新文章

热门文章

mui 框架手机端不生效问题

mui 框架手机端不生效问题相关推荐