主題jQuery對話框

我在同一頁上使用數據表和對話框，我想爲每個應用不同的主題。我如何實現它？目前我的數據表主題適用於這兩個，我如何範圍對話框。主題jQuery對話框

下面是我的對話框代碼

$('#newVisit').dialog({ 
       modal: true, 
       autoOpen: false, 
       draggable: true, 
       width: 'auto', 
       height: 'auto', 
       title: "Add New Visit" 

//     open: function() { 
//      $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error"); 
//     } 


      });     //.parent(".ui-dialog").wrap("<div class='theme-smoothness'></div>");

我已經試過包裝，但沒有成功。任何想法，將不勝感激。

來源

2012-06-17 ChandaMAMA

我想下面的代碼來實現它們，但能成功，有誰能夠告訴我，這可能是正確的解決方案 $（ '＃newVisit'）對話框（{ 模式：真，的AutoOpen：假的，拖動：真實，寬度： '汽車'， height：'auto'， title：「Add New Visit」 }）。parent（'。ui-dialog'）。wrap（'

'）; – ChandaMAMA

您是否嘗試過使用css特性爲默認的jquery ui對話框樣式定義樣式？嘗試定義自定義樣式這些類（基於對話框動態類插入）：

<div class="**ui-dialog** ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="**ui-dialog-titlebar** ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="**ui-dialog-title-dialog**" class="ui-dialog-title">Dialog 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-dialog-content** ui-widget-content" id="dialog"> 
     <p>Dialog content goes here.</p> 
    </div> 
</div>

你可以看到默認佈局/樣式的引用在這裏：

click on "theming"

來源

2012-06-18 01:24:15 chrisvillanueva

我想這是對話框產生的標記，我需要玩嗎？我正在尋找簡單的解決方案，我只需要範圍jQuery對話框。 – ChandaMAMA

是的，這是由dialog.js創建的標記。就範圍而言，這非常簡單。當我範圍用戶界面部件，我風格.ui對話框>用戶界面標題欄> .ui對話框內容。在.ui對話框中，我可能會放置一個帶#id的div包裝器，這樣我就可以做.ui-dialog div＃id X X X，所以我創建的樣式在css特性中勝出。 – chrisvillanueva

感謝您的及時回覆，我使用下面的代碼進行包裝，但無法更改樣式。（'＃newVisit'）。dialog（{modal：true，autoOpen：false，draggable：true，width：'auto'，height：'auto'，title：「Add New Visit」}）。parent（'。 ui-dialog'）。wrap（'

'）; 可能是什麼原因？ – ChandaMAMA

主題jQuery對話框

回答

相關問題