jQuery dialog是一個很棒的交互工具,在Web開發中廣泛使用。在使用dialog時,我們可以通過設定不同的options屬性,來讓dialog滿足我們的不同需求。
$( "#dialog" ).dialog({ autoOpen: false, width: 400, height: 300, modal: true, buttons: [ { text: "確定", click: function() { $( this ).dialog( "close" ); } }, { text: "取消", click: function() { $( this ).dialog( "close" ); } } ] });
在上面的代碼段中,我們可以看到一個示例的dialog代碼。其中包含了以下幾個options:
autoOpen:默認為true,表示dialog是否自動開啟。 width:dialog的寬度。 height:dialog的高度。 modal:表示是否以模態窗口的形式展現。 buttons:包含一組用來關閉dialog的按鈕。
通過這些可配置項,我們可以輕松地自定義我們的dialog,使其更符合我們的需求。