要使用artDialog插件,你需要先引入jQuery庫和artDialog插件的JS和CSS文件。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/art-dialog/7.0.0/dialog.css">
<script src="https://cdn.bootcdn.net/ajax/libs/art-dialog/7.0.0/dialog.js"></script>
art.dialog({
title: '提示', // 對話框標題
content: 'Hello, world!', // 對話框內容
okValue: '確定', // 確定按鈕文本
ok: function() {
// 點擊確定按鈕的回調函數
console.log('點擊了確定按鈕');
},
cancelValue: '取消', // 取消按鈕文本
cancel: function() {
// 點擊取消按鈕的回調函數
console.log('點擊了取消按鈕');
}
});
這樣就創建了一個簡單的提示框,當點擊確定按鈕時,在控制臺輸出"點擊了確定按鈕";當點擊取消按鈕時,在控制臺輸出"點擊了取消按鈕"。