jquery-tablesorter主题颜色

我的Ruby on Rails 4应用程序使用jQuery Tablesorter。我使用UITheme，但颜色是灰色的。我想改变主题的颜色。jquery-tablesorter主题颜色

我在想这样的手动设置在custom.css.scss表元素的样式（从jQuery UI CSS框架1.10.4）：

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { 
border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
background: #e6e6e6/*{bgColorDefault}*/ url(/assets/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
font-weight: normal/*{fwDefault}*/; 
color: #555555/*{fcDefault}*/; 
}

但必须有tablesorter.theme选项我无法找到改变颜色。任何参考或答复赞赏。

这里是文档link。他们有一个下拉改变主题风格，但它没有说如何改变它的代码。

来源

2014-05-16 DDDD

添加一个jQuery UI主题所需的最低设置如下：

页眉

<!-- ui theme stylesheet - needed so the selected ui theme works with tablesorter --> 
<link rel="stylesheet" href="../css/theme.jui.css"> 
<!-- jQuery UI theme (cupertino example here) --> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/cupertino/jquery-ui.css"> 

<!-- tablesorter plugin --> 
<script src="../js/jquery.tablesorter.js"></script> 
<!-- tablesorter widget file - needed for the "uitheme" widget --> 
<script src="../js/jquery.tablesorter.widgets.js"></script>

脚本

$("table").tablesorter({ 
    theme : 'jui', // use theme.jui.css 
    headerTemplate : '{content} {icon}', // needed to add icon for jui theme 
    // apply the uitheme widget, include zebra striping widget as desired 
    widgets : ['uitheme', 'zebra'] 
});

所以，如果你想改变的主题，负载在不同的jQuery UI主题中。 https://github.com/pontikis/jui_theme_switch/

来源

2014-05-16 17:47:46 Mottie

你能更具体的“负载在不同的jQuery UI的主题”：

在该演示中的下拉由这个插件产生的？这是我的理解，所有的主题变量选项都可用。我想使用ui-lightness主题。 – DDDD

也许我对“主题”感到困惑jui主题是所有可用样式主题的基础：base，black-tie，blitzer等。你是否说我需要在脚本中更改主题：'jui'并加载它不知何故？ – DDDD

当我说改变jQuery UI主题时，我的意思是加载一个不同的CSS文件：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/cupertino/jquery-ui.css。 “jui”主题不应该改变。 – Mottie

jquery-tablesorter主题颜色

回答

相关问题