jQueryプラグインartDialogの使い方

1年 ago
夏樹, 風
1 minute

artDialog プラグインを使用するには、jQuery ライブラリと artDialog プラグインの JS 及び CSS ファイルをあらかじめ読み込む必要があります。

  1. 最初に、あなたのHTMLページにjQueryライブラリを組み込みましょう。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  1. 次に、artDialogプラグインのJSファイルとCSSファイルを読み込みます。
<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>
  1. そして、artDialogをつかってダイアログを作成することができます。例えば、シンプルなアラートダイアログを作成します。
art.dialog({
title: '提示',  // 对话框标题
content: 'Hello, world!',  // 对话框内容
okValue: '确定',  // 确定按钮文本
ok: function() {
// 点击确定按钮的回调函数
console.log('点击了确定按钮');
},
cancelValue: '取消',  // 取消按钮文本
cancel: function() {
// 点击取消按钮的回调函数
console.log('点击了取消按钮');
}
});

「確定」ボタンがクリックされた時に「確定ボタンがクリックされました」をコンソールに出力し、「キャンセル」ボタンがクリックされた時に「キャンセルボタンがクリックされました」をコンソールに出力する簡単なアラートボックスの作成。

  1. artDialogは、ダイアログの幅、高さ、位置などの設定など、さらに多くの設定オプションにも対応しています。より詳しい使用方法と設定オプションについては、artDialogの公式ドキュメントを参照してください：https://github.com/aui/artDialog
bannerAds