jQuery.artDialog是一個簡單易用的基于jQuery的對話框程序,它可以方便地實現模態窗口、警告框、提示框等常見的UI組件,同時還支持拖動、調整大小、多語言等強大的功能。
在jquery.artDialog的官網(http://aui.github.io/artDialog/)上,我們可以找到完整的文檔和演示。以下是一些常用的演示代碼:
1. 普通對話框:
// 只有一個確定按鈕 dialog({ content: '你好!', okValue: '確定', ok: function () { alert('你點擊了確定!'); } });
2. 確認對話框:
// 同時設置確定和取消按鈕的回調函數 dialog({ content: '你確定要刪除嗎?', okValue: '是', ok: function () { alert('你點擊了是!'); }, cancelValue: '否', cancel: function () {} });
3. 提示框:
// 自動關閉的提示框 dialog({ content: '保存成功!', time: 2000 // 2秒后自動關閉 });
4. 自定義HTML對話框:
// 可以自定義對話框的HTML結構和樣式 dialog({ id: 'myDialog', title: '自定義對話框', content: $('#myContent').html(), // 從頁面中取出HTML padding: 30, okValue: '確定', ok: function () { alert('你點擊了確定!'); }, cancelValue: '取消', cancel: function () {} });總之,jquery.artDialog提供了非常方便的UI組件和強大的功能,是開發Web應用程序必不可少的一部分。