jQuery fadeOut ("медленный") проблема в IE - PullRequest
Новая
       8

jQuery fadeOut ("медленный") проблема в IE

0 голосов
/ 24 августа 2011

У меня есть тег <span>, который я постепенно исчезаю, используя jQuery 

<span id="checkbox_err">Some text Some text Some text Some text Some text Some text </span>

К этому промежутку применен фон. 

background-color: #EEAAAA;

Я исчезаю, используя 

$("span#checkbox_err").fadeOut("slow");

Теперь это отлично работает в Firefox, но в IE я получаю странную проблему (хотя и НЕ СОГЛАСОВАННУЮ), т. Е. В некоторых случаях промежуток не исчезает, даже если текст внутри него скрыт ... Так что я вижу пустое поле с цветом фона ..

Странно, когда я проверяю элемент span в этой точке, он говорит «display: none» для него.

Пожалуйста, дайте мне знать, если это известная проблема, и есть ли у вас какие-либо исправления для этого (APART от очень очевидного fadeOut ("fast");)

Ответы [ 2 ]

1 голос
/ 24 августа 2011

Вместо использования fadeOut, вы должны использовать fadeTo. 

$("span#checkbox_err").fadeTo('slow',0);

теперь позволяет обновить это, чтобы убедиться, что оно исчезло в конце перехода 

$("span#checkbox_err").fadeTo('slow',0, function() {
    $(this).hide();
});
0 голосов
/ 24 августа 2011

Нет необходимости менять HTML и jQuery. Просто добавьте следующее в css of span, и оно работает в IE 7,8,9 

background-color: #EEAAAA;display:block;

Смотрите результат здесь: http://jsfiddle.net/prsQd/

Команда jQuery fadeOut () фактически применяет стиль css «disaply: none» к элементу, а команда fadeIn () применяет стиль css «display: block».

...