1

私は JQuery UI 1.8.3 を使用しています。私のページ設定については、下の図を参照してください。
ドロップ可能な領域にドラッグされたアイテムの数をカウントしていますが、アイテムを A から B にドラッグするとカウントが正しくありません。たとえば、アイテム 1 をボックス A にドラッグすると、ボックス A のカウント (#) は 1 になります。しかし、アイテム 1 を A から B にドラッグすると、ボックス A のカウントは 1 のままですが、0 に減らす必要があります。

  +------------------------+      +-----------------------+
  | Items (Dragable items) |      | A (Droppable Area)  # |
  |------------------------|      |-----------------------|
  |  item 1                |      |                       |
  |  item 2                |      |                       |
  |  item ...              |      +-----------------------+
  |  item n                |
  |                        |      +-----------------------+
  |                        |      | B (Droppable Area)  # |
  |                        |      |-----------------------|
  |                        |      |                       |
  |                        |      |                       |
  +------------------------+      +-----------------------+

アイテムをドロップするコードは次のようになります。

$(".dropArea").droppable({
    ...
    drop: function(event, ui) {
    $(this).append($(ui.draggable));

    // count the items in the box and update
    ...
}

アイテムがボックス A または B からドロップされたときに、ボックス数を減らす正しい方法は何ですか? 何か意味がない場合はお知らせください。

ありがとう。

4

1 に答える 1

1

各ドロップ イベントで、各ドロップ可能領域内のオブジェクトの数をカウントし、カウンターを更新します。

このようなものは、オブジェクトの数を示します:

$(".dropArea").each(function (index, elem) {
    $(item).find(".count").text($(this).find("div").size());
});
于 2012-12-23T02:10:08.743 に答える