Javascript 仅使用show（“slow”）设置附加文本的动画

在这段代码中，我想使用jqueryshow（“slow”）为最后附加的内容制作动画

我将新内容放在一些div new_div中：

<div id="new_div" ></div>

并将其添加到主分区“shanon”-分区：

问题是，整个主div“shanon”-div将被设置动画，我只希望最后添加的行被设置动画

有什么想法吗？

试试这个

您应该用元素包装每一行，比如我的示例，我用

div

然后在javascript中。。查找最后一个div元素。然后将其动画化

$("#shanon").append($("#new_div").html()).find("div").last().hide().show("slow");

试试这个

您应该用元素包装每一行，比如我的示例，我用

div

然后在javascript中。。查找最后一个div元素。然后将其动画化

$("#shanon").append($("#new_div").html()).find("div").last().hide().show("slow");

---

还有一种可能不会影响行距：

还有一种可能不会影响行距：

每次单击按钮时，创建一个新的div，而不是尝试重用

代码将大大简化，并且更容易理解

$(document).ready(function() {
    var $new_div, $shanon = $("#shanon"),
        $weiter = $("#weiter"),
        $zeile = $(".zeile");
    $weiter.removeAttr("disabled").click(function() {
        if (i < array.length) {
            if (i > 0) {
                $zeile.removeClass("zeile");
            }
            $new_div = $("<div/>").html(array[i]).hide().appendTo($shanon).show("slow");
            i = i + 1;
        }
        else {
            $zeile.removeClass("zeile");
            $weiter.attr("disabled", "disabled");

        }
    });
});

$（文档）.ready（函数（）{
var$new_div，$shanon=$（“#shanon”），
$weiter=$（“#weiter”），
$zeile=$（“.zeile”）；
$weiter.removeAttr（“已禁用”）。单击（函数（）{
if（i0）{
$zeile.removeClass（“zeile”）；
}
$new_div=$（“”）.html（数组[i]）.hide（）.appendTo（$shanon.show（“慢”）；
i=i+1；
}
否则{
$zeile.removeClass（“zeile”）；
$weiter.attr（“禁用”、“禁用”）；
}
});
});

看

---

编辑：删除

zeile

类不太正确<代码>$（'.zeile'）需要放回单击处理程序中。我不会费心去做更改，因为另一个答案已经被接受，尽管效率很低。

每次单击按钮时，创建一个新的div，而不是尝试重用

代码将大大简化，并且更容易理解

$(document).ready(function() {
    var $new_div, $shanon = $("#shanon"),
        $weiter = $("#weiter"),
        $zeile = $(".zeile");
    $weiter.removeAttr("disabled").click(function() {
        if (i < array.length) {
            if (i > 0) {
                $zeile.removeClass("zeile");
            }
            $new_div = $("<div/>").html(array[i]).hide().appendTo($shanon).show("slow");
            i = i + 1;
        }
        else {
            $zeile.removeClass("zeile");
            $weiter.attr("disabled", "disabled");

        }
    });
});

$（文档）.ready（函数（）{
var$new_div，$shanon=$（“#shanon”），
$weiter=$（“#weiter”），
$zeile=$（“.zeile”）；
$weiter.removeAttr（“已禁用”）。单击（函数（）{
if（i0）{
$zeile.removeClass（“zeile”）；
}
$new_div=$（“”）.html（数组[i]）.hide（）.appendTo（$shanon.show（“慢”）；
i=i+1；
}
否则{
$zeile.removeClass（“zeile”）；
$weiter.attr（“禁用”、“禁用”）；
}
});
});

看

编辑：删除

zeile

类不太正确<代码>$（'.zeile'）需要放回单击处理程序中。我不会费心去做改变，因为另一个答案已经被接受，尽管效率很低