jQuery Dialog 是一種非常有用的組件,可以在網頁中創建彈出對話框。在這篇文章中,我們將介紹一些常用的 jQuery Dialog 屬性。
1. autoOpen
autoOpen 屬性用于設置 Dialog 是否在加載頁面時自動彈出。例如:
$( "#dialog" ).dialog({ autoOpen: false });
2. draggable
draggable 屬性用于設置 Dialog 是否可以拖拽。例如:
$( "#dialog" ).dialog({ draggable: true });
3. resizable
resizable 屬性用于設置 Dialog 是否可以改變大小。例如:
$( "#dialog" ).dialog({ resizable: true });
4. modal
modal 屬性用于設置 Dialog 是否為模態對話框,即 Dialog 彈出后,頁面上的其他部分會被遮蓋,無法進行交互。例如:
$( "#dialog" ).dialog({ modal: true });
5. buttons
buttons 屬性用于設置 Dialog 中的按鈕。例如:
$( "#dialog" ).dialog({ buttons: { "確認": function() { $( this ).dialog( "close" ); }, "取消": function() { $( this ).dialog( "close" ); } } });
以上介紹了一些常用的 jQuery Dialog 屬性,使用這些屬性可以輕松地創建一個功能強大的 Dialog 彈出對話框。