javascript - IE8 jQuery 淡入淡出

Question

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

谢谢!

Answer 1

您是否尝试过在 ul#portfolio li 周围加上引号？选择器只是一个字符串，所以它需要引号。即使在我的 Firefox 中，没有引号也不起作用。

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

编辑:好的，尝试将淡入淡出应用于所有子元素:span 和 img 一个一个地开始。这确实可能是 IE 错误。

编辑:您还缺少 id="portfolio"上的结束引号。来吧，伙计，在发帖之前尝试解决这些问题。

编辑:顺便说一句，上面的内容在 IE8 中运行良好 - 我只是将它放在一起并将它扔到一个空白的 IE8 页面中 - 整个事情都消失了。

编辑:很可能您页面上的其他内容正在执行此操作，因为它可以独立运行。