JQuery возвращает неверное значение свойства в ie6 ie7 ie8 для слайдера

Question

Я работаю над слайдером jquery, который, кажется, хорошо работает во всех браузерах, кроме ie6 ie7 ie8. Я получаю недопустимое значение свойства для этих браузеров. Как ни странно, слайдер будет работать, если вы быстро нажмете в нижнем квадрате в то время как в. Я переназначил $ docready, так как работаю в WordPress.

Я работаю над этим локально, поэтому я создал скрипку, если у кого-то есть какие-либо решения или идеи, это будет оценено.

посмотреть демонстрацию

Приветствия Ник

Answer 1

jQuery не поддерживает цветную анимацию через animate.Удаление следующих операторов устраняет проблему для IE:

//headers.not(headers[num]).animate({color:hColor});

//  theHeader.animate({color:'#000'});

пример: http://jsfiddle.net/kP4F2/7/

Если вы хотите анимировать цвета, вы можете включить jQuery UI, который также включает цветную анимацию.

Проект пользовательского интерфейса jQuery расширяет метод .animate (), позволяя анимировать некоторые нечисловые стили, например цвета.Проект также включает механизмы для определения анимации с помощью классов CSS, а не отдельных атрибутов.

http://jsfiddle.net/niklasvh/kP4F2/11/

Для получения дополнительной информации о том, что вы можете сделать с animate, посмотрите надокументация здесь .То, что не включено, скорее всего, можно сделать с помощью пользовательского интерфейса jQuery.

Answer 2

Пытался немного отладить в IE.

Похоже, что это причина

theHeader.animate({color:'#000'});

Насколько я знаю, вы не можете анимировать свойство color.