IE8 jQuery fadeTo
-
06-07-2019 - |
Вопрос
HTML - разметка:
<ul id="portfolio"><li class="web">
<span class="info">August 2007 <a href="http://awebsite.com" rel="external">visit</a></span>
<a href="/assets/image.jpg" class="fancybox" rel="web">
<img src="/assets/imagelarge.jpg" alt="Rising Star Ranch" />
<span class="title">Some Title</span> Some other text...
</a>
</li>
</ul>
jQuery - jQuery - запрос:
$("ul#portfolio li").fadeTo("slow", 0.3);
В Firefox 3 и 3.5, а также IE7 это ведет себя как ожидалось и приводит к исчезновению всех элементов внутри 'li'.В IE8 вообще ничего не исчезает, и при отладке не отображаются ошибки Javascript.
Страница находится по адресу http://joecoledesign.com/portfolio
Спасибо!
Решение
Вы пробовали ставить кавычки вокруг ul#portfolio li ?Селектор - это просто строка, поэтому он нуждается в кавычках.Без кавычек не работает даже в моем Firefox.
$("ul#portfolio li").fadeTo("slow", 0.3);
Редактировать:Хорошо, попробуйте применить затухание ко всем подэлементам:span и img один за другим для начала.Это действительно может быть ошибка IE.
Редактировать:вам также не хватает заключительного предложения в id="портфолио".Давай, чувак, попробуй разобраться с этими вещами, прежде чем публиковать.
Редактировать:кстати, вышеприведенное отлично работает в IE8 - я просто собрал его вместе и поместил на пустую страницу IE8 - все это исчезло.
Редактировать:Вполне возможно, что это делает что-то еще на вашей странице, поскольку она прекрасно работает автономно.
Другие советы
Очень классный пейдж Джо!Единственное, что приходит на ум при работе с IE8, это то, что jQuery, возможно, не догнал его, или что что-то может быть не так с вашим браузером (например, ваши настройки javascript могут быть изменены).
У меня была такая же проблема с прозрачностью в IE8.По-видимому, IE8 имеет другой метод настройки прозрачности, чем IE6 / 7.И, к сожалению, в jquery пока нет возможности анимировать прозрачность для IE8.Почему Microsoft, почему?!?
http://mdasblog.wordpress.com/2009/07/24/jquery-fun-with-animation-and-opacity/
Это то, что я нашел по этому вопросу, и, прочитав его, я отказался от попыток заставить его работать, поскольку он подтвердил то, что я подозревал.Надеюсь, jquery исправит это в своем следующем выпуске.
Я испытал то же самое и обнаружил благодаря сообщениям Артема, что дочерние элементы таблицы не получали изменения непрозрачности в IE8.Поэтому на первый взгляд казалось, что ничего не происходит.Я полагаю, что причина, по которой пример с пустой страницей Артема сработал, а пример с оригинальным плакатом - нет, заключается в том, что в образце Артема не было дочерних элементов.
Добавление fadeTo к дочерним элементам решило проблему для меня.Старый пост, но он решил мою проблему, так что решил, что это все еще актуально.