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选择器）。

祝你好运！

使用/ jQuery拖动项目计数

1 个答案: