普通弹出层


确认弹出层
代码
<button id="demo1" class="button blue">点我弹窗</button>

<script>
	$("#demo1").click(function() {
		var id = "xxx";
		javaex.alert({
			content : "我是来测试的",
			callback : "callback('"+id+"')"
		});
	});

	function callback(id) {
		alert("回调函数:"+id);
		// 如果你想阻止弹出层关闭,直接 return false; 即可
		//return false;
	}
</script>
参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 mask true 是否使用遮罩。如果你想无限弹窗,必须将mask设置为false
2 id 随机 如果页面同时存在多个弹层,可以自己指定id,并调用关闭弹层函数关闭指定弹层
3 width 300 弹出层宽度
4 maxHeight 弹出层内容区域最大高度,内容超出时,会显示滚动条
5 top 30% 距离顶部距离,支持 200px 这种写法。人的视线其实是要高于电脑屏幕的水平线的,所以这边没有设置成居中
6 title 温馨提示 弹出层标题
7 closeIcon true 是否显示右上角关闭 X
8 content 弹出层内容。可以是html代码
9 textAlign left 内容位置。left:居左,center:居中,right:居右
10 confirmName 确定 确定按钮名称
11 callback 点击确定按钮后的回调函数

确定取消弹出层
代码
<button id="demo2" class="button blue">点我弹窗</button>

<script>
	$("#demo2").click(function() {
		javaex.confirm({
			content : "确定要删除么",
			callback : "callback()"
		});
	});

	function callback() {
		alert("回调函数");
		// 如果你想阻止弹出层关闭,直接 return false; 即可
		//return false;
	}
</script>
参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 mask true 是否使用遮罩。如果你想无限弹窗,必须将mask设置为false
2 width 300 弹出层宽度
3 top 20% 距离顶部距离,支持 200px 这种写法
4 title 温馨提示 弹出层标题
5 closeIcon true 是否显示右上角关闭 X
6 content 弹出层内容。可以是html代码
7 textAlign left 内容位置。left:居左,center:居中,right:居右
8 confirmName 确定 确定按钮名称
9 cancelName 取消 取消按钮名称
10 callback 点击确定按钮后的回调函数