Вопрос

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 к дочерним элементам решило проблему для меня.Старый пост, но он решил мою проблему, так что решил, что это все еще актуально.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top