Jquery ui 使用jQuery拖动项目计数

我正在尝试编写一个进度指示器代码，以显示完成了多少任务。我正在尝试使用jQueryUI的拖放功能。需要移动的项目位于左侧。当使用右侧的绘图区域拖动它们时，计数器需要在拖放时更新。它只需要计算移动的项目数量，而不需要计算每个项目在网格区域$（“#网格”）内移动的次数

我想我已经很接近了，但还不太接近。以下是到目前为止我得到的信息：

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+'%');
});

---

您没有任何代码会导致#launchPad减小元素大小。.card将移动位置，没有DOM元素父元素

尝试标记您删除的项目，并计算尚未设置标记的已删除项目的数量（使用类和jQuery CSS选择器）

祝你好运

你什么意思？我使用$（“#launchPad.card”）.length；要计算#启动板内的剩余项目。。。