IE8 jQuery FadeTo - PullRequest
Новая
       7

IE8 jQuery FadeTo

1 голос
/ 19 июня 2009

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: 

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

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

Страница расположена по адресу http://joecoledesign.com/portfolio

Спасибо!

Ответы [ 4 ]

2 голосов
/ 19 июня 2009

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

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

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

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

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

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

1 голос
/ 05 октября 2013

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

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

1 голос
/ 20 октября 2009

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

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

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

1 голос
/ 19 июня 2009

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

...