Dialog是一個由jQuery UI提供的組件,用于創建模態對話框,它可以顯示消息、表單、進度指示器等內容。Dialog組件提供了大量屬性,本文將介紹一些常見的屬性。
$( "#dialog" ).dialog({ autoOpen: true, modal: true, width: 400, height: 300, buttons: [ { text: "保存", click: function() { $( this ).dialog( "close" ); } }, { text: "取消", click: function() { $( this ).dialog( "close" ); } } ] });
autoOpen屬性用于指定是否自動打開對話框,默認值為true,即自動打開。如果設置為false,則需要通過調用dialog("open")方法才能打開對話框。
modal屬性用于指定是否以模態方式顯示對話框,默認值為false,即非模態。如果設置為true,則在打開對話框時,用戶無法與其他頁面交互,直到關閉對話框為止。
width和height屬性用于指定對話框的寬度和高度,單位為像素。
buttons屬性用于指定對話框底部的按鈕,它是一個數組,每個元素表示一個按鈕,可以包含text和click屬性,分別用于指定按鈕文本和點擊事件。
以上是Dialog組件的一些常見屬性,其他屬性請參考官方文檔。使用Dialog組件可以輕松創建漂亮的對話框,提升用戶體驗。