ドラッグ可能/ドロップ可能：ドロップイベントでドラッグ可能な要素の更新されたデータ - *を読み取ることができません

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

あなたはこのコードを使用することができます： `ui.draggable.data（ '数'、ui.draggable.data（ '数' を試してみてください

$(".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)