mui

mui页面加载完成后,自动聚焦指定input元素问题解决

冷暖自知 提交于 2019-11-26 13:04:31
背景:MUI+VUE开发app; 实现功能:页面初始化后input自动聚焦; 聚焦方法:mui('.XXX')[0].focus(); 问题:大部分页面自动聚焦成功,小部分页面自动聚焦偶尔成功; 猜测一 > 页面未加载完成时执行聚焦方法? 处理方式1:将聚焦方法放在“mui.plusReady”最后面; 处理方式2:添加延时setTimeout(function(){},2000); 处理方式3:使用Vue的自定义指令,在input添加v-focus; directives:{ focus:function(el){ el.focus(); } } 以上方式均不起效果,还是偶尔成功。 猜测二 > mui.openWindow()打开页面过多,mui('.XXX')[0]找不到dom元素 处理方式4:使用document.getElementById('XXX').focus(); 处理方式5:关闭其他页面 var otherPage= plus.webview.getWebviewById('otherPage.html'); plus.webview.close(otherPage); 成功了!! 关闭其他已打开页面,页面回退就有问题,所以不能这样修改。 计划获取通过plus.webview.currentWebview()获取页面中的‘XXX’对象进行处理,但是plus

mui switch 点击事件不冒泡

浪子不回头ぞ 提交于 2019-11-26 12:34:14
工作上遇到一个问题 手机移动端app,采用mui框架,要求左边是手机号码,右边是switch开关,并且点击标题的时候,可以展开下面人员的基本信息。 采用了折叠面板。 先上图如下: 开始时出现的问题是:点击右侧开关按钮,也会联动把基本信息打开,不想这样,想要点击开关按钮与折叠面板没有关系,就需要取消点击冒泡操作; 关键代码如下 <ul class="mui-table-view"> <li class="mui-table-view-cell mui-collapse"> <a id="icon-phone"><span class="mui-icon mui-icon-phone"></span>13703956635<div class="mui-switch mui-active" id="text2"> <div class="mui-switch-handle"></div> </div></a> <div class="mui-collapse-content"> <div id="segmentedControl" class="mui-segmented-control"> <a class="mui-control-item mui-active">基本信息</a> </div> <ul class="mui-table-view mui-table-view

关于mui的下拉刷新的引用

╄→尐↘猪︶ㄣ 提交于 2019-11-25 17:00:20
```javascri[t mui.init({ pullRefresh: { container: "#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等 up: { auto: true,//可选,默认false.自动上拉加载一次 contentrefresh: "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容 contentnomore: '没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容; callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; } } }); function pulldownRefresh() { var flag = false; mui.getJSON("/StoreMobile/StoreMember/get_member_data", { start: $("#viplistUl li").length, count: 20, member: 2, search: $("#seainput").val() }, function (resp) { if (resp.code==1) { LoadPage(resp.data); } else {