jQuery messagerbox 是一個基于 jQuery 的彈窗插件,可用于消息提示、確認(rèn)彈窗、提示框等場景的實現(xiàn)。
在使用該插件之前,需要先引入 jQuery 庫,然后再引入 messagerbox.js 文件。
<!-- 引入 jQuery 庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入 messagerbox.js 文件 -->
<script src="messagerbox.js"></script>
使用 messagerbox 插件來實現(xiàn)消息提示的代碼如下:
$.messager.show('這是一條消息提示');
使用 messagerbox 插件來實現(xiàn)確認(rèn)彈窗的代碼如下:
$.messager.confirm('確認(rèn)刪除', '是否確認(rèn)刪除該條記錄?', function(result){
if (result){
// 刪除操作
$.messager.show('刪除成功');
}
});
使用 messagerbox 插件來實現(xiàn)提示框的代碼如下:
$.messager.alert('提示', '操作成功', 'info');
除此之外,messagerbox 插件還有很多其他的使用方式,如設(shè)置標(biāo)題、設(shè)置按鈕、設(shè)置圖標(biāo)等,這里不一一列舉,具體可以查看官方文檔。