アイテム数をドラッグするjQuery

Question

どのくらいのタスクが完了したかを示す進捗インジケータコードを作成しようとしています。 jQuery UIのドラッグアンドドロップ機能を使用しようとしています。移動が必要な項目は左側にあります。右にプロット領域を持ってドラッグした場合、カウンターはドロップで更新する必要があります。グリッドエリア$（ "＃grid"）を使って各アイテムを何回移動させるかではなく、移動されたアイテムの数を数えるだけで済みます。

私は近いと思いますが、まだかなりありません。ここに私がこれまで持っているものは次のとおりです：

var startCount = $("#launchPad .card").length; 
var moveFromLaunch = false; 

$(".card").bind("dragstart", function(event, ui) { 
    moveFromLaunch = true; 
}); 

$("#dropZone").bind("drop", function(event, ui) { 
    var currentCount = $("#launchPad .card").length; 
    if (moveFromLaunch) 
     currentCount--; 
    currentCount = startCount - currentCount; 
    moveFromLaunch = false; 
    var progress = Math.floor(currentCount/startCount * 100); 
    $("#progBarRd").width(progress); 
    $('#progBar').attr("title", progress+'%'); 
}); 

Answer 1

#launchPadの要素サイズが小さくなるようなコードはありません。 .cardは位置を移動し、DOM要素の親は移動しません。

ドロップしたアイテムにタグを付け、まだタグが設定されていないアイテムの数を数えてみてください（クラスとjQuery CSSセレクタを使用してください）。

幸運を祈る！