JQuery's.append() 执行 6 次而不是 1

Question

基本上，我想要做的是通过垂直滚动横幅然后将每个横幅移到底部，然后在它看不见后创建一个选框类型的东西。 我无法弄清楚为什么横幅被附加了六次。 我意识到它并不完整，所以请不要对此发表评论。 如果你有更好的建议，请告诉我。 http://jsfiddle.net/vCuHc/2/

编辑：我怎样才能将顶部元素 append 移到底部，然后再移除顶部元素？

Answer 1

您有六个具有相同 class 的元素。 该脚本对这些元素中的每一个运行一次。

通过在动画完成后而不是在每个animation 的末尾附加到父 div 来更改它运行一次的代码。

Answer 2

针对$('.tornado_banner')结果中的每个元素调用它。

Answer 3

代替

function(){
...
        $("#banner_container").append(
            '<a class="tornado_banner" id="banner_alberta" href="#" style="top:' + elementNum * -130 + 'px">&nbsp;</a>'
        );

尝试

function(){
   $(this).detach().appendTo("#banner_container");
}

Answer 4

如果我正确理解您的编辑，

var first = jQuery("#banner_container a:first");
jQuery("#banner_container").append(first);

这将删除第一个元素，同时将其附加到列表的末尾。