無限ループ、ページがロードされない

Question

それは私が取り組んでいるのと同じドラッグアンドドロップゲームプロジェクトですが、私はwhile（backpackLength < 5）を使いたい無限ループ問題に遭遇し、プログラム実行されます。しかし、私は間違ってどこに行ったのかわからない、私はページを読み込むことができませんでしたが、私は無限ループで遭遇していると確信しています。 提案がありますか？

var backpackLength = 0; 

$(function() { 
$("#cream").draggable(); 
$("#charger").draggable(); 
$("#doll").draggable(); 
$("#draft").draggable(); 
$("#folder").draggable(); 
$("#note").draggable(); 
while(backpackLength< 5) { 
    $("#bag").droppable({ 
     drop: function() { 
      if (registerItem == 1) { 
       backpack.push("cream"); 
       backpackLength++; 
       $("#cream").remove(); 
      } 
      if (registerItem == 2) { 
       backpack.push("charger"); 
       backpackLength++; 
       $("#charger").remove(); 
      } 

      if (registerItem == 3) { 
       backpack.push("doll"); 
       backpackLength++; 
       $("#doll").remove(); 
      } 
      if (registerItem == 4) { 
       backpack.push("draft"); 
       backpackLength++; 
       $("#draft").remove(); 
      } 
      if (registerItem == 5) { 
       backpack.push("folder"); 
       backpackLength++; 
       $("#folder").remove(); 
      } 
      if (registerItem == 6) { 
       backpack.push("note"); 
       backpackLength++; 
       $("#note").remove(); 
      } 
      if (registerItem == 7) { 
       backpack.push("pens"); 
       backpackLength++; 
       $("#pens").remove(); 
      } 
      if (registerItem == 8) { 
       backpack.push("psp"); 
       backpackLength++; 
       $("#psp").remove(); 
      } 
      if (backpackLength > 0) { 
       document.getElementById("bag").src = "minigame/bag2.png"; 
      } 
      if (backpackLength > 4) { 
       document.getElementById("bag").src = "minigame/bag3.png"; 
      } 
     } 
    }); 
    } 
}); 

Answer 1

レジスタアイテムはそれだけで実行していると私は必要ですか