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主題顏色

回答

相關問題