如何在不使用對話框的情況下創建一個看起來像jQuery對話框的div？

我正在使用knouckout js編寫一個像界面一樣的嚮導。該系統運行良好，除了我需要讓每個頁面/步驟出現在對話框中。 jQuery對話框在系統中的其他地方使用，並且具有所需的樣式，按鈕等。如何在不使用對話框的情況下創建一個看起來像jQuery對話框的div？

意圖是將數據模板綁定到該div（或者能夠更改div的內容）而不用調用dialog（）。原因是讓MVVM使用這種風格的方法是一件麻煩事。

有沒有很好的方法來做到這一點？

感謝，埃裏克

來源

2011-09-20 Erick T

所以，你真的需要做到這一點，而無需使用jQuery的對話框或者你只是想爲對話框的嚮導有一個單獨的顏色/造型方案？如果是後者，你可以簡單地在你的嚮導中使用不同的CSS。 –

您可以使用常規的元素jQuery UI的類來獲得jQuery UI的風格。

<div class="ui-widget ui-widget-content ui-corner-all"> 
    <div class="ui-widget-header ui-corner-all"> 
    <span id="ui-dialog-title-dialog" class="ui-dialog-title">Panel title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-widget-content"> 
     <p>panel content goes here.</p> 
    </div> 
</div>

它不會是拖動或調整大小並沒有你添加這些行爲的關閉按鈕將無法正常工作或側翻手動

來源

2011-09-20 20:03:48

如何在不使用對話框的情況下創建一個看起來像jQuery對話框的div？

回答

相關問題