JQuery с использованием .animate () не может сделать НИЧЕГО в IE8 - PullRequest
Новая
       18

JQuery с использованием .animate () не может сделать НИЧЕГО в IE8

5 голосов
/ 27 марта 2010

Итак, это официально: я ненавижу Internet Explorer. Да, все кровавые версии этого. : -D

Итак, я не думал, что делаю здесь что-то сложное, но, видимо, так и есть. У меня есть несколько элементов списка в неупорядоченном списке, стилизованном для меню навигации, а в Firefox, Chrome, Safari и Opera все работает нормально. То, что должно произойти, это когда вы наводите навигационный элемент, он должен оживить и оживить изменение цвета фона.

В Internet Explorer 7/8 ничего не происходит.

Я думаю, что это просто связано с функцией animate, поскольку, если я поменяю .animate на .css, это сработает.

http://project -cypher.net / wtf / (* URL удален - проблема решена)

Идеи

Ответы [ 3 ]

3 голосов
/ 27 марта 2010

Измените ваши свойства анимации немного, используя backgroundColor, paddingTop и paddingBottom, это должно работать: 

$('ul.navigation li a').css('padding','0px 12px');
$('ul.navigation li a').hover(function() {
  $(this).stop().animate({
      backgroundColor : '#336699',
      'padding-top': 6,
      'padding-bottom': 6
    }, 150 );
}, function() {
  $(this).stop().animate({
      backgroundColor: '#660000',
      paddingTop: 0,
      paddingBottom: 0
    }, 150 );
});

Этот CSS: 

ul.navigation li a {
    padding: 6px 12px;
    color: #fff;
    text-decoration: none;
    background: #600;
}
1 голос
/ 27 марта 2010

Я столкнулся с этой проблемой сам, на днях. Я не мог понять, почему IE не правильно анимировал объекты.

Ответ прост: используйте jQuery UI

Пользовательский интерфейс jQuery включает улучшенный плагин цвета, который на самом деле работает .

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

0 голосов
/ 27 марта 2010

Если я изменю «padding»: «6px 12px» на «padding»: «12px», это, похоже, работает. Можете ли вы попробовать это и сообщить, если это не работает с вашей стороны?

Она не идеальна, но она что-то делает и приближает вас к ее исправлению.

РЕДАКТИРОВАТЬ: Черт, интересно, почему нет. Работал здесь. IE8. ИДК, может быть, у вас есть решение из другого ответа.

...