jQuery fadeOut()和fadein()计时

Question

我对jQuery有一个简单的问题,请查看:http://jsfiddle.net/4Q5uQ/

如何在fadeOut()效果完成后淡出()框？

Answer 1

我想你想要两件事:

1. 褪色<div>s应该在同一个地方,这样它们就不会四处移动.
2. 你想淡出可见光<div>,然后淡化另一个<div>.

第一种方法可以通过将两个<div>s 包裹在相对位置<div>然后绝对定位内部<div>s来完成:

<div class="wrapper">
    <div id="div_1" data="1" class="box">
        test_1
    </div>
    <div id="div_2" data="2" class="box">
        test_2
    </div>
</div>

和:

div.wrapper {
    position: relative;
}
div.box {
    /* ... */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

第二个问题只是添加:visible到您的fadeOut选择器:

$(".box:visible").fadeOut(1000, ...

更新小提琴:http://jsfiddle.net/ambiguous/jAP2b/