H5+ MUI

获取自身对象 var self= plus.webview.currentWebview();

获取创建自己的对象:self.opener()


点击li里的li会执行2次li事件

阻止事件冒泡:

event.stopPropagation();


mui添加事件方法

mui("ul").on("tap","li label",function(){
// event.stopPropagation();    //  阻止事件冒泡
console.log(tt++);
})

可以在li 后添加标签

图片全屏:

data-preview-src="";

多张图片滑动切换:data-preview-group相同则可切换

引用:
	



底部弹出:

nativeUI,mui.prompt

图片轮播:

注意JS一定要放在body下面,需要加载完HTML元素运行JS才有效


mui.init()
//获得slider插件对象
var gallery = mui('.mui-slider');
gallery.slider({
  interval:1000//自动轮播周期,若为0则不自动播放,默认为0;
});
遮罩蒙版:

mui.createMask().show();
添加style

mui-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0,0,0,.3);
}

另外一种方法:

ws = plus.webview.currentWebview();
ws.setStyle({
	mask: "rgba(0,0,0,0.5)"
});
// 点击关闭遮罩层
ws.addEventListener("maskClick", closeMask, false);

function closeMask() {
	ws.setStyle({
		mask: "none"
	});
}










你可能感兴趣的:(H5)