要使用artDialog插件,你需要先引入jQuery库和artDialog插件的JS和CSS文件。
1. 首先,在你的HTML页面中引入jQuery库:
```html
```
2. 接下来,引入artDialog插件的JS和CSS文件:
```html
```
3. 然后,你可以使用artDialog来创建一个对话框。例如,创建一个简单的提示框:
```javascript
art.dialog({
title: '提示', // 对话框
content: 'Hello, world!', // 对话框内容
okValue: '确定', // 确定按钮文本
ok: function() {
// 点击确定按钮的回调函数
console.log('点击了确定按钮');
},
cancelValue: '取消', // 取消按钮文本
cancel: function() {
// 点击取消按钮的回调函数
console.log('点击了取消按钮');
}
});
```
这样就创建了一个简单的提示框,当点击确定按钮时,在控制台输出"点击了确定按钮";当点击取消按钮时,在控制台输出"点击了取消按钮"。
4. artDialog还支持更多的配置选项,例如设置对话框的宽度、高度、位置等。你可以查阅artDialog的官方文档来了解更多的用法和配置选项:https://github.com/aui/artDialog