jQuery的動畫功能已禁用排序從高到低

Question

我有一個定期那種追加從「前高後低」的項目後：

library.sort(function(a, b) { return a.year - b.year; }); 
upperlimit = library.length-1 

    for (i=upperlimit; i<library.length; i=i-1){ 
     //source.sort(function(a, b) { return a.year - b.year; }); 
     item = "<div class='item' style='background-image:url(" + library[i].source + ");' ><h2>" + library[i].title + "</h2></div>" 
     $("#list").append(item); 
    } 

但是，因爲它是從「前高後低」追加，它在某種程度上禁用此其它功能：

$(".item h2").css({"bottom":"-135px"}); 

    $(".item").hover(
     function(){ 
      $(this).find("h2").animate({"bottom":"-85px"},300) 
     }, 
     function(){ 
      $(this).find("h2").animate({"bottom":"-135px"},150) 
     } 
    ); 

然而，當它被寫入到從 '低到高' 追加，

for(i=0; i<library.length; i=i+1) 

有生瓦特orks罰款。在Firebug上，當寫成'high to low'時，它會顯示一個錯誤「TypeError：library [i]未定義」，但是沒有錯誤發生，從'低到高'。

對於這兩種情況，一切都顯示正常（圖像和隱藏h2），但它只是在'高到低'不起作用的動畫。

Answer 1

for (i=upperlimit; i<library.length; i=i-1){ 

你從高至低循環條件是錯誤的。這是一個無限循環，因爲i開始library.length-1，每一回合越來越小，並且將永遠小於library.length。你想要的是

for (i=library.length-1; i>=0; i=i-1){ 

當索引至-1，當前的代碼拋出，因爲在undefined訪問屬性的一個例外，而停止執行這樣的事件處理程序沒有連接。