jQuery tablesorter 2.0 зебра виджет нарушает мой стиль CSS при сортировке - PullRequest
Новая
       6

jQuery tablesorter 2.0 зебра виджет нарушает мой стиль CSS при сортировке

0 голосов
/ 12 октября 2011

У меня есть немного php, определяющее значение переменной, которое по существу проверяет, чтобы увидеть 0, 1 или 2. Если это 1, это добавляет класс css в мою строку.

К сожалению, я заметил небольшую ошибку, которая сбрасывает этот стиль, если включен виджет зебры, и я сортирую результаты. Я не могу по-настоящему оформить таблицу с помощью css3, так как она сортируется при сортировке, не так ли?

У кого-то еще была эта проблема, установка! на моих пользовательских классах CSS не работает

Должен ли я включать мои CSS-классы в! Важное; самый последний или что-то?

1 Ответ

2 голосов
/ 12 октября 2011

Лучшим ответом было бы отказаться от решения Javascript, поскольку чистый CSS прекрасно справляется с чередованием зебры, используя селектор :nth-child(): 

tr:nth-child(odd) {
  background-color: #FFFFFF;
}

tr:nth-child(even) {
  background-color: #CCCCCC;
}

С учетом вышесказанного вам не нужнодобавьте классы 1 и 2 к строкам таблицы, и браузер автоматически выберет правильные строки для стиля при сортировке таблицы, без необходимости делать что-либо еще.Он работает без необходимости какого-либо JavaScript-кода.

Очевидное большое предостережение в том, что nth-child() не поддерживается IE8 и более ранними версиями.

Для этого вы делаете нужно решение Javascript, но я бы предложил использовать решение, которое помогает IE распознавать этот селектор, а не решение javascript, которое делает все это.

Существует два решения JS для IE, которые помогают датьон поддерживает дополнительные селекторы CSS:

Любой из них позволит IE использовать вышеуказанный код CSS.Selectivzr более современный и более ориентированный на селекторы CSS.IE7.js - старый скрипт, который пытается сделать намного больше.Я бы посоветовал использовать Selectivzr в качестве первого варианта, потому что он хорошо работает с jQuery, но вы можете испытать соблазн некоторых других вещей, которые делает IE7.js, так что, возможно, стоит попробовать.

Надеюсь, это поможет.

...