0

我有一个包含以下 jQuery 脚本/主题的页面。我想要的默认主题是所有适用元素的“ui-lightness”，但我希望 jQuery 对话框根据“cupertino”主题设置样式。我将如何在我的页面中实现此要求？

<!doctype html>
<html>
 <head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
  <link type="text/css" href="css/cupertino/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
4

2 回答 2

1

如果您查看对话框元素。查看创建类时添加的类。然后查看各自的 css 文件并将 cupertino 主题类复制到 lightness css 文件中，替换 lightness 文件中的类。它全部采用 css 样式，并且所有类的名称都相同（我相信），因此如果您只制作半自定义 css 文件，它将正常工作。

于 2012-07-17T00:30:12.663 回答
0

我认为所有 jquery ui 类都以开头，因此您可以找到对话框小部件并更改其中以 sayui-开头的所有样式，并让其他主题具有类而不是ui-Xui-Xui-ui-

var widget = $('#dialog').dialog('widget');
widget.find('[class^=ui-]').add(widget).each(function(){
    $this = $(this);
    var classes = $this.attr('class');
    $.each(classes.split(' '), function(i, v){
        if (v.indexOf('ui-') == 0){
            this.removeClass(v);
            this.addClass('X'+v);
        }
    });
});
于 2012-07-17T01:25:13.780 回答