IE8 JQuery FadeTo

HTML разметка:IE8 JQuery FadeTo

<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:

$("ul#portfolio li").fadeTo("slow", 0.3);

В Firefox 3 и 3.5, а также IE7, это ведет себя, как и ожидалось, и затухает все элементы в 'LI'. В IE8 ничего не исчезает вообще, и при отладке ошибок Javascript не появляется.

страница находится по адресу http://joecoledesign.com/portfolio

Спасибо!

источник

2009-06-18 Joe

Забыл упомянуть. Если вы используете инструменты разработчика и смотрите на источник HTML, он показывает, что li имеет стиль «filter: alpha (opacity = 30), ZOOM: 1;» , но это определенно не показывает этот путь. – Joe

Какая версия jQuery вы используете? –

Я использую самые последние, 1.3.2 – Joe

Вы пробовали сдавать кавычки вокруг ul # портфолио li? Селектор - это просто строка, поэтому ей нужны кавычки. Без кавычек не работает даже в моем Firefox.

$("ul#portfolio li").fadeTo("slow", 0.3);

Редактировать: Хорошо, попробуйте применить затухание ко всем подэлементам: span и img один за другим для стартеров. Это действительно может быть ошибка IE.

Редактировать: вам также не хватает закрывающей цитаты по id = "портфолио". Пойдем, мужик, постарайся разобраться с этим до того, как отправишься.

Редактирование: btw, вышеизложенное отлично работает в IE8 - я просто собрал его и выбросил на пустую страницу IE8 - все исчезло.

Редактировать: Возможно, что-то еще на вашей странице делает это, поскольку оно отлично работает автономно.

источник

2009-06-18 22:14:35

У этого есть кавычки, у меня была переменная, и просто положил это прямо туда, чтобы привести пример и забыл цитаты здесь. – Joe

Что сработало для вас? Применение затухания к каждому подэлементу? Отсутствующая цитата на идентификаторе связана с тем, что ее динамически сгенерировали, и я вручную набрал ее при публикации здесь ... oos. – Joe

Нет, все, включая изображения, исчезло (я положил один из ваших URL-адресов изображений), когда я использовал только свою собственную линию, которая исчезает. –

Очень крутая страница Joe! Единственное, что приходит на ум WRT IE8, это то, что jQuery, возможно, не догнал его, или что-то может быть смешно с вашим браузером (например, ваши настройки javascript могут быть изменены).

источник

2009-06-18 22:10:02 Brian

Я тестировал свою страницу в IE8, и она действительно не исчезает. Кроме того, собственный пример jQuery отлично работает в IE8. –

Спасибо за комментарий на странице;) Браузер Javascript определенно просто по умолчанию ... Я уверен, что это первый раз, когда я открыл его с тех пор, как я установил IE8: P Я уверен что jQuery также применяет стиль, потому что если вы посмотрите на источник с помощью средств разработки IE8 и обновите источник Developer Tools после выбора фильтра, он отобразит стиль как «style =» filter: alpha (opacity = 30); ZOOM: 1; '" Кажется, ошибка IE8 может быть, что она не применила выцветание к подэлементам? – Joe

Это может быть так - попробуйте применить его как к span, так и к img. –

У меня была такая же проблема с прозрачностью в IE8. По-видимому, у IE8 есть другой способ настройки прозрачности, чем IE6/7. И, к сожалению, jQuery пока не поддерживает анимацию прозрачности для IE8. Почему Microsoft, почему?!?

http://mdasblog.wordpress.com/2009/07/24/jquery-fun-with-animation-and-opacity/

Вот что я нашел на эту тему и после его прочтения я разочаровался, пытаясь заставить его работать, так как он подтвердил то, что я подозревал. Надеюсь, что jquery будет исправлена в следующем выпуске.

источник

2009-10-20 17:37:11 Billy

Я испытал то же самое и обнаружил благодаря сообщениям Артема, что дочерние элементы таблицы не получали изменения непрозрачности в IE8. Поэтому на первый взгляд оказалось, что ничего не происходит. Я полагаю, что причина, по которой работал пустой образец Артема, и пример оригинального плаката - не потому, что в образце Артема не было детей.

Добавление fadeTo на дочерние элементы решило проблему для меня. Старый пост, но он разрешил мою проблему, поэтому понял, что это все еще актуально.

источник

2013-10-04 22:07:36

IE8 JQuery FadeTo

ответ

Смежные вопросы