2014-09-04 125 views
0

只是一个普遍的问题。根据API的jQuery对话框,Dosen'允许将主题包含在它的参数中。所以我猜测每个主题都必须像这样宣布。是否有可能拥有2个Dialog主题

<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/cupertino/jquery-ui.css" rel="stylesheet" type="text/css" /> 

如何在模式对话框中使用第二个主题,因为我无法看到从对话框中调用主题的方法。我在下面列出了示例代码。所以我的问题是,如何在代码中调用特定的主题。谢谢

$("#box_frtv").bind("chosen:maxselected", 
      function() { 
       //alert('Only 1 box can be selected. Thank you.'); 
          $("html").append("<div id='dialog-bferror' />"); 
          var $dialogBFError = $("#dialog-bferror"); 
          $dialogBFError.html('<br />Only 1 box can be selected . Thank you.'); 
          $dialogBFError.dialog({ 
           autoOpen: true, 
           modal: true, 
           title: 'File Error', 
           position: ['center', 'center'], 
           width: 400, 
           height: 200, 
           draggable: true, 
           resizable: false, 
           buttons: { 
            Close: function() { 
             $(this).dialog("close"); 
            } 
           } 
          }); 
     }); 
+0

只需编辑第二个CSS为了使用样式和类的对话框或重命名类。 – Hackerman 2014-09-04 19:04:11

+0

罗伯特你可以扩大你的答案请。谢谢 – user1532468 2014-09-04 19:11:27

回答

2

使用“diff”工具比较两个CSS文件。然后创建一个包含其中一个文件中不同部分的本地CSS文件,并将应该使用这些样式的对话的ID添加到所有这些部分。举例来说,如果这条线是在第二个CSS文件的不同:

.ui-button .ui-button-text { display: block; line-height: 1.4; } 

把这个新的CSS文件:

#box_frtv .ui-button .ui-button-text { display: block; line-height: 1.4; } 

然后在适当位置从第二个主题的加载这个地方CSS文件净。

+0

这就是我所说的... + 1 – Hackerman 2014-09-04 19:24:41

+0

非常感谢你 – user1532468 2014-09-04 19:27:57

+0

顺便说一句'差异工具'是什么? – user1532468 2014-09-04 19:28:30

相关问题