文章/答案/技术大牛

发布

社区首页 >问答首页 >将不同的主题应用到jQuery-dialog？

问将不同的主题应用到jQuery-dialog？
EN

Stack Overflow用户

提问于 2012-07-17 08:26:20

回答 2查看 454关注 0票数 0

我有一个包含以下jQuery脚本/主题的页面。对于所有适用的元素，我想要的默认主题是'ui-lightness‘，但我希望jQuery对话框的样式是根据’库比蒂诺‘的主题。我该如何在我的页面中实现这个要求？

<!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>

jquery

jquery-ui

jquery-ui-theme

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-17 08:30:13

如果你看一个对话框元素。查看在创建一个类时添加的类。然后查看相应的css文件，并将cupertino主题类复制到lightness css文件中，替换lightness文件中的类。它都是用css设计的，所有的类的名字都是一样的(我相信)，所以如果你只是制作半定制的css文件，它会工作得很好。

票数 1

Stack Overflow用户

发布于 2012-07-17 09:25:14

我认为所有的jquery ui类都以ui-开头，因此您可以找到对话框小部件，并将其中以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);
        }
    });
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11514495

复制

相似问题

问将不同的主题应用到jQuery-dialog？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将不同的主题应用到jQuery-dialog？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将不同的主题应用到jQuery-dialog？
EN