主题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对话框

回答

相关问题