javascript - 延迟后如何更改文本-jQuery

我有两个具有各自ID的div和一个样式相同的类。

foo_1的Z索引位于foo_2之上。

<div id="foo_1" class="foo"><p>I'm awesome.</p></div>
<div id="foo_2" class="foo"><p>No, I am.</p></div>

我想做的是让foo_1淡出，后面带有foo_2。

我确实尝试过

的HTML

<div id="foo_1" class="foo"><p>I'm awesome</p></div>
<div id="foo_2" class="foo" style="display: none;"><p>No, I am.</p></div>

jQuery的

$(document).ready(function()
{
    setTimeout(function()
    {
        $("#foo_1").fadeOut("slow", function ()
        {
            $("#foo_1").remove();
            $("#foo_1").html($("#foo_2").text());
            $("#foo_1").show();
        });
     }, 5000);
 });

谢谢！

最佳答案

setTimeout(function()
    {
        $("#foo_1").fadeOut("slow", function ()
        {
            // remove $("#foo_1").remove();
            // line from code,
            // because, its removing #foo_1 from dom,
            // so in next strp you can't catch it

            // $("#foo_1").remove();
            $("#foo_1").html($("#foo_2").text());
            $("#foo_1").show();
        });
     }, 5000);

关于javascript - 延迟后如何更改文本-jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10664229/