Question

我试图找出并解决为什么css3转换只能正常工作一次然后转换不起作用之后，它是一个与jQuery不同的动画。有没有人见过它？请告诉我原因并提前致谢！

Answer 1

我不认为.localize元素＆＃39;当没有显示元素时，css转换正在激活。如果你删除＆＃34;显示：无！重要;＆＃34;来自＆＃34; .ui-tabs .ui-tabs-hide＆＃34;，它可以正常工作（尽管你看到两个标签）。

.ui-tabs .ui-tabs-hide
{
    display: none !important; // remove this line to see what I'm talking about
}

localize（）立即将底部值设置为0，并且由于隐藏了选项卡，因此没有css过渡动画。没有过渡意味着酒吧直接跳到＆＃34;底部：0＆＃34;没有动画。

我成功结合了localize（）和resetLocalize（），并在标签再次可见后使用短暂超时设置底部css，如下所示：

function localize() {
    $(".bar1.localize").css({ bottom: -180 });
    $(".bar2.localize").css({ bottom: -215 });
    $(".bar3.localize").css({ bottom: -225 });

    setInterval(function(){
         $(".bar1.localize, .bar2.localize, .bar3.localize").css({ bottom: 0 });
    },1);
   ;
}

看我的小提琴：http://jsfiddle.net/jtlowe/4TxqZ/11/

为什么CSS3过渡不会超过一次

1 个答案: