не в номинации "это удобно, а никто не знает" я оваций точно не получу.
Ну тогда так (постараюсь не напутать ни чего)
Есть табличка, к ней подключен джикверевский модуль сортировки.
$("#myTable").tablesorter({
headers: {
3: {
sorter: false
},
4: {
sorter: false
},
6: {
sorter: false
}
}
});
все столбцы имеют стиль "header" по умолчанию. Когда же выбран какой либо столбец то к его стилю прибавляется "up" или "down". Я задумал сделать еще подмену фона при наведении мышки.
$('.mainTable th.header').hover(
function () {
$(this).css('background-color', '#8dbdd8');
},
function () {
$(this).css('background-color', '#e6eeee');
}
);
Все просто. Но есть одно НО. Когда столбец выбран для сортировки, то есть его класс "header up" или "header down" надо чтобы фон при наведении мыши на него НЕ менялся. То есть надо, чтобы вместо $('.mainTable th.header') выбирались только те элементы, у кот класс ТОЛЬКО header.
Вот )
$('a[class=header]') как то странно работает.
По умолчанию сортировка сделана по дате и при на ведении на ней мышки фон не меняется. Вроде все ок. Но если кликнуть на один из столбцов, то на новом столбце для сортировки по прежнему остается подмена фона.