CSS / JavaScript: заставить: nth-child (n) работать в IE со скриптом jQuery?

Question

Я пытаюсь заставить функцию псевдо: nth-child (n) CSS работать в Internet Explorer, и это не простая задача.

Я нашел JavaScript в jQuery, чтобы получить работусделано в IE, но я не могу заставить его работать.Я пробовал примеры с несортированными списками (ul и li), но мой код CSS (который хорошо работает во всех других браузерах) выглядит следующим образом:

#portfolio div:nth-child(4) { some styling }
#portfolio div:nth-child(3) { some styling }
#portfolio div:nth-child(2) { some styling }

JavaScript, который я пытался запустить, добавив егок моему существующему файлу script.js:

$('div#portfolio div:nth-child(4)').css({' filter:' : progid:DXImageTransform.Microsoft.Matrix(M11=0.99984770, M12=-0.01745241, M21=0.01745241, M22=0.99984770); ‘});

Но это не работает.Я пытался удалить «div # портфолио» и перепечатать его, но ничего, что я делаю, не заставит его работать в IE.

Любая помощь будет оценена.

Искренняя
- Местика

Answer 1

Вот пример скрипта, который я сделал для более раннего примера: ссылка

Я бы посоветовал вам использовать jQuery для добавления класса в nth-child (Я сделал это для «желтого» класса), затем добавил правила в CSS вместе с другими, хотя обратите внимание , что классифицированное правило не может быть сгруппировано с исходным селектором nth-child, который можетне будет проблемой дублирования, если вы все равно используете его для фильтра;)

Answer 2

Кто-то еще уже упомянул Дина Эдвардса ie7 / ie8 / ie9.js , который пытается встроить в IE целый ряд сломанных и отсутствующих функций.

Вы можететакже попробуйте Selectivizr , который концентрируется на добавлении расширенной поддержки селектора CSS в IE.Требуется другая библиотека, такая как JQuery, для тяжелой работы с селекторами, но, так как вы в любом случае указали это в вопросе, она вам подойдет.

Answer 3

Вы можете попробовать IE9.js: http://code.google.com/p/ie7-js/

Просто включите файл Javascript на свою страницу, и ваш nth-дочерний CSS должен правильно работать в IE.

Answer 4

Это именно тот код, который вы используете, потому что часть nth-child в порядке, синтаксис для вызова .css() совершенно неверный.

Удалите пробел и двоеточие из первого параметра ('filter'), а второй параметр должен быть строкой.