關于jquery layui彈出層的使用方法
更新時間:2018年04月21日 13:50:30 作者:大昭的開發(fā)之路
這篇文章主要介紹了關于jquery layui彈出層的使用方法,需要的朋友可以參考下
Jquery必須大于1.83
layui必須是all,否則不顯示
<script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script>
html代碼
<input id="about" type="button" value="修改考勤" class="layui-btn layui-btn-normal" />
主要js代碼
<script>
$('input#about').on('click', function () {
layer.confirm('是否要修改123的考勤?', {
btn: ['確定', '取消', ] //按鈕
},
function () {
layer.msg('修改成功', { time: 800, icon: 1 });
// layer.msg('網絡連接失敗', { time: 800, icon: 2 });
},
function () {
layer.msg('未作任何修改', {
time: 800, //20s后自動關閉
});
}
);
});
</script>
總結
以上所述是小編給大家介紹的關于jquery layui彈出層的使用方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
相關文章
JQuery判斷正整數整理小結(jQuery 文本框中只能輸入正整數)
這篇文章主要介紹了JQuery判斷正整數,附上詳細的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08
jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用詳解
這篇文章主要為大家詳細介紹了jQuery-Citys省市區(qū)三級菜單聯(lián)動插件使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07

