JQuery 是一個廣受歡迎的 JavaScript 庫,其中一個最受歡迎和功能強大的插件是 Dialog。
Dialog 是一個可定制的模態對話框,可以用于JavaScript 應用程序中的許多用例。通過使用一個稱為 JQuery-UI 的插件庫,您可以輕松創建自定義的對話框,以及您自己的主題。
在 GitHub 上,有許多開源項目可以使用 Dialog。您可以搜索 “JQuery Dialog” 來找到這些項目,也可以在 JQuery 官方網站上找到這些項目的鏈接。
$(function() { var dialog = $("#dialog").dialog({ autoOpen: false, height: 400, width: 350, modal: true, buttons: { "Create an account": addUser, Cancel: function() { dialog.dialog("close"); } }, close: function() { form[0].reset(); allFields.removeClass("ui-state-error"); } }); form = dialog.find("form").on("submit", function(event) { event.preventDefault(); addUser(); }); $("#create-user").button().on("click", function() { dialog.dialog("open"); }); });
以上代碼是使用 Dialog 創建一個帶有“ Create an account”和“ Cancel”按鈕的對話框,以及一個表單。在關閉對話框之前,清空表單的值并刪除表單字段的錯誤類。
JQuery Dialog GitHub 庫有許多令人印象深刻的示例,涵蓋了許多常見的用例,例如登錄框、滑動面板、確認框等。通過研究這些代碼,您可以自己創建一個定制的對話框,以滿足您的應用程序的需要。