当使用jquery幻灯片时,一些css直到幻灯片后才适用

时间:2011-06-05 04:51:16

标签: javascript css jquery-ui html5 jquery-slider

我正在制作一个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;
    }
});

1 个答案:

答案 0 :(得分:1)

当动画发生时,你的div被包含在一个ui-effects-wrapper类的临时div中。动画完成后,您的article元素会显示为blogLinks的子元素,并且样式设置得恰当,但在此之前,article元素是.ui-effects-wrapper的子元素。< / p>

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