要使用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: '提示', // 對話框標(biāo)題
content: 'Hello, world!', // 對話框內(nèi)容
okValue: '確定', // 確定按鈕文本
ok: function() {
// 點(diǎn)擊確定按鈕的回調(diào)函數(shù)
console.log('點(diǎn)擊了確定按鈕');
},
cancelValue: '取消', // 取消按鈕文本
cancel: function() {
// 點(diǎn)擊取消按鈕的回調(diào)函數(shù)
console.log('點(diǎn)擊了取消按鈕');
}
});
這樣就創(chuàng)建了一個簡單的提示框,當(dāng)點(diǎn)擊確定按鈕時,在控制臺輸出"點(diǎn)擊了確定按鈕";當(dāng)點(diǎn)擊取消按鈕時,在控制臺輸出"點(diǎn)擊了取消按鈕"。