HBuilder app开发:mask遮罩实现父子页面联动。
来源:互联网 发布:linux安装glibc2.14 编辑:程序博客网 时间:2024/05/29 04:34
mui提供的mask遮罩点击遮罩部分时,会自动调用mask.close();
父子页面mask遮罩联动,第一反应写到mui.createMask()的回调函数中:
(父页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().children()[0].evalJS('mask.close');
});
}
(子页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().opener().evalJS('mask.close');
});
}结果: Uncaught RangeError: Maximum call stack size exceeded. 丫的,死循环!
长记性后:
重写mask.close()方法:
(父页面)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in father != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用子页面关闭方法。
//调用子页面重写close()时,加上参数不让子页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
(子页面 与父页面基本一致)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in child != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用父页面关闭方法。
//调用父页面重写close()时,加上参数不让父页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
- HBuilder app开发:mask遮罩实现父子页面联动。
- 通过componentWillReceiveProps()实现React左右父子页面的联动效果
- HBuilder开发App教程08-几种页面打开方式
- HBuilder开发App
- HBuilder开发App简介
- HBuilder开发App教程
- HBuilder开发App
- HBuilder开发App教程
- HBuilder开发App 01
- hbuilder+dcloud开发APP
- TreeList实现父子节点联动
- 移动开发:H5+实现APP自动下载更新(HBuilder)
- 介绍hbuilder开发打包app
- HBuilder开发IOS-Android-APP
- Hbuilder app开发之app启动图片
- jQuery 页面 Mask实现代码
- ViewPager实现APP的引导页面(小圆点联动)
- 实现TreeView父子节点的联动
- ORACLE EXP不能导出空表的原因分析及解决方法
- raspberrypi 树莓派+Python开机启动
- iOS runtime访问/修改私有变量
- 分布式系统生成唯一主键
- 【大创_社区划分】——PageRank算法的解析与Python实现
- HBuilder app开发:mask遮罩实现父子页面联动。
- centos-apache-tomcat-domain配置
- 动态规划
- [Leetcode]Merge Two Sorted Lists
- Android编码规范
- Android5.0: JNI DETECTED ERROR IN APPLICATION
- 不同方式调用webservice接口
- ios字体相关
- 深搜——n皇后问题