IE8 jQuery FadeTo

时间:2009-06-18 21:51:28

标签: javascript jquery xhtml internet-explorer-8

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 个答案:

答案 0 :(得分:2)

你有没有试过在ul#portfolio li周围加上引号?选择器只是一个字符串,因此它需要引号。没有引号即使在我的Firefox中也不起作用。

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

编辑:好的,尝试将淡入淡出应用于所有子元素:span和img逐个为初学者。它确实可能是一个IE错误。

编辑:你也错过了关于id =“投资组合”的收盘报价。来吧,伙计,在发布之前尝试解决这些问题。

编辑:顺便说一句,以上在IE8中运行正常 - 我只是把它放在一起,把它扔进一个空白的IE8页面 - 整个事情都消失了。

编辑:很可能页面上的其他内容正在执行,因为它可以很好地独立运行。

答案 1 :(得分:1)

很酷的页面乔! WRT IE8唯一让我想到的是jQuery可能没有赶上它,或者你的浏览器可能有些搞笑(比如你的javascript设置可能会被调整)。

答案 2 :(得分:1)

我在IE8中的透明度方面遇到了同样的问题。显然IE8有一种不同于IE6 / 7设置透明度的方法。不幸的是,jquery还没有动画IE8的透明度。为何选择微软,为什么?!?

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

这就是我在这个主题上发现的内容,在阅读之后我放弃了试图让它发挥作用,因为它证实了我的怀疑。希望jquery能在下一个版本中修复它。

答案 3 :(得分:1)

我经历了同样的事情并且发现感谢Artem的帖子,表格中的子元素没有在IE8中接收到不透明度变化。因此,乍一看似乎没有任何事情发生。我相信Artem的空白页面示例工作的原因和原始海报的例子不是因为Artem的样本中没有孩子。

在子元素上添加fadeTo解决了我的问题。老帖子,但它解决了我的问题,所以认为它仍然相关。