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);

這將刪除第一個元素，同時將其附加到列表的末尾。