jQuery Dialog是一個JavaScript插件,用于創建對話框和模態框。與其他對話框插件不同的是,它提供了豐富的配置選項,使其非常靈活和可定制。
下面是一些常用的配置選項:
$( "#dialog" ).dialog({ autoOpen: false, // 自動打開 modal: true, // 模態框 resizable: false, // 不可改變大小 draggable: false, // 不可拖動 height: 300, // 高度 width: 500, // 寬度 buttons: { "確定": function() { $( this ).dialog( "close" ); }, "取消": function() { $( this ).dialog( "close" ); } } });
在此代碼中,我們創建了一個對話框元素,并使用dialog()函數將其轉換為對話框。我們還對其進行了幾個常見的配置選項,例如:autoOpen、modal、resizable、draggable、height和width。
最后,我們還添加了一些按鈕用于對話框操作。這些按鈕通過buttons選項進行配置,并在點擊時調用dialog()函數。您可以在這里定義任意數量的按鈕。