javascript - 使用 jquery 幻灯片时，某些 css 直到幻灯片之后才适用

Question

我正在制作一个 html5 网站。我遇到问题的页面是http://yamikowebs.com/blog.php 现在我正在处理复制/粘贴链接。当您单击它时，其他链接会从左侧滑入。出于某种原因，我的锚点带有下划线并内联显示，直到动画完成。有解决办法吗？

$(".blogLinks>article").hide(0);//hides all boxes
$("#blogDirectory>ul>li").click(function()
{
    switch ($(this).index())//check which one
    {
        case 1:
            $("[title=0]").show("slide", { direction: "left" }, 1000);//animate it
            break;
    }
});

Answer 1

当动画发生时，你的 div 被包裹在一个临时 div 中，其类为ui-effects-wrapper. 动画完成后，您的article元素将显示为 的子元素blogLinks并具有适当的样式，但在此之前，该article元素是 的子元素.ui-effects-wrapper。

尝试将相同的样式应用于.ui-effects-wrapper a