維護可排序列表中的項目計數

Question

我需要維護一些可排序列表中項目的准確計數，並且在執行時遇到了麻煩。 從列表1開始拖動的那一刻起，計數開始增加，此后便開始播放其他項目。 當我將鼠標懸停在列表2上時，它的計數就會增加。

例如，單擊查看小提琴：

$(function () {
    $("#ul1, #ul2").sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
  });

function update_counts() {
    var n_ul1 = $("#ul1 li").length;
    var n_ul2 = $("#ul2 li").length;
    $("#count1").html(n_ul1);
    $("#count2").html(n_ul2);
}

$(function () {
    $("#ul2,#ul1").droppable({
        over: function (ev, ui) {
            update_counts();
        },
        drop: function (ev, ui) {
            update_counts();
        }
    }).disableSelection();
});

Answer 1

我將回答我自己的問題：

function update_counts() {
    var n_ul1 = $("#ul1 li").not(".ui-sortable-helper").length;
    var n_ul2 = $("#ul2 li").not(".ui-sortable-helper").length;
    $("#count1").html(n_ul1);
    $("#count2").html(n_ul2);
}

.not（“。ui-sortable-helper”）是需要的。