javascript - 列表末尾的 jquery 移动元素使容器消失，看起来像前置

Question

我正在尝试制作一个非常简单的旋转横幅列表。

fiddle 在这里:http://jsfiddle.net/a9dAm/

if ($("#ads").length > 0) {
    var count_banners = $("#ads a").length;
    var delay_time = 1000;
    var i = 1;

    while (count_banners >= i) {
        $("#ads a:nth-child("+ i +")").delay(delay_time * i).show(1, function(){
            $(this).fadeOut("slow").prepend($("#ads"));
        });
        i++;
    }
}

Prepend 破坏了一切，#ads 一起消失了，这是怎么回事？或者我做错了什么？

Answer 1

我认为您需要 .prependTo()，而不是 .prepend()。

        $(this).fadeOut("slow").prependTo($("#ads"));

或者只是

        $(this).fadeOut("slow").prependTo("#ads");

.prepend() 函数将其参数添加到您调用它的元素之前。