Question

以下是我的代码的简化版本。为什么alert()一直说1？我可以看到HTML data-count最新更新为2，然后停止更新。希望你能帮助我。

<div class="product" data-count="1"></div>

$(".product").draggable({ 
  helper: function(event) {
    return $(event.target).closest(".product").clone().css({
      width: $(event.target).width()
    });
  }
});

$(".panel-body").droppable({
  drop: function(event, ui) {
    alert(ui.draggable.data("count"));
    ui.draggable.attr("data-count", ui.draggable.data("count") + 1);
    ui.draggable.detach().appendTo($(this));
  }
});

Answer 1

您可以使用此代码：

$(".panel-body").droppable({
  drop: function(event, ui) {    
    //ui.draggable.attr("data-count", ui.draggable.data("count") + 1);
    ui.draggable.data('count', ui.draggable.data('count') + 1);
    alert(ui.draggable.data("count"));
    ui.draggable.detach().appendTo($(this));
  }
});

<强> Online output (fiddle)

Draggable / Droppable：无法读取drop-event中draggable元素的更新数据 - *

1 个答案: