a標簽直接詢問
~~~
<a href="business?ymid=list&status=2&uid={{d.id}}" onclick="return confirm('確定禁用嗎？')" class="layui-btn layui-btn-xs">已啟用</a>
~~~
配合JS
~~~
<a id="member_amount" class="layui-btn layui-btn-danger" >馬上支付</a>
~~~
~~~
$("#member_amount").click(function(){
layer.msg('余額不足哦、親');
});
~~~
簡單文本
~~~
layer.msg('余額不足哦、親');
~~~
帶確認按鈕
~~~
layer.alert('有了回調', function(index){
layer.close(index);
});
~~~
詢問框
~~~
layer.confirm('點擊確定充值，充值后刷新本頁再付款！', {icon:0, title:'余額不足'}, function(index){
window.open("/pay/index/pay");
});
~~~
多按鈕
~~~
<script>
layer.open({
content: 'test'
,shade: 0.5 //遮罩透明度
,anim: 0 //動畫效果
//,shadeClose:true //點擊遮罩關閉
,btn: ['按鈕一', '按鈕二', '關閉']
,yes: function(index, layero){
//按鈕【按鈕一】的回調
}
,btn2: function(index, layero){
//按鈕【按鈕二】的回調
//return false 開啟該代碼可禁止點擊該按鈕關閉
}
,btn3: function(index, layero){
//按鈕【按鈕三】的回調
//return false 開啟該代碼可禁止點擊該按鈕關閉
}
,cancel: function(){
//右上角關閉回調
//return false 開啟該代碼可禁止點擊該按鈕關閉
}
});
</script>
~~~
終極彈窗
~~~
<a id="member_amount1" class="layui-btn layui-btn-danger" >觸發彈窗按鈕</a>
<div id="layer_notice" style="display:none;">
<div class="layui-card">
<div class="layui-card-header">卡片面板</div>
<div class="layui-card-body">
卡片式面板面板通常用于非白色背景色的主體內<br>
從而映襯出邊框投影
</div>
</div>
</div>
~~~
~~~
<script>
$("#member_amount1").click(function(){
layer.open({
type: 1, //彈窗類型
anim: 2, //動畫效果
title: false, //不顯示標題
closeBtn: 1, //關閉按鈕(0=不顯示，1/2=顯示)
shade: 0, //遮罩透明度（0~0.9）
shadeClose: true, //開啟遮罩關閉
content: $('#layer_notice'), //捕獲的元素，注意：最好該指定的元素要存放在body最外層，否則可能被其它的相對元素所影響
// 彈出框消失后回調
end: function(){
$("#layer_notice").css('display','none');
},
// 點擊關閉按鈕回調
cancel: function(){
$("#layer_notice").css('display','none');
}
});
});
</script>
~~~
彈出任意外部網頁
~~~
<a class="layui-btn layui-btn-xs" id="chongzhi">馬上去充值</a>
~~~
~~~
<script>
$("#chongzhi").click(function(){
layer.open({
type: 2,
title: "{$yebzts}",
area: ['70%', '80%'],
content: "{$ye_czurl}" //這里content是一個普通的String
});
});
</script>
~~~
