Draggable/Droppable : 드롭 이벤트의 드래그 가능한 요소에 업데이트 된 데이터 *를 읽을 수 없습니다.

다음은 간단한 코드입니다. alert()이 계속해서 1이라고 말하는 이유는 무엇입니까? HTML data-count이 2까지 업데이트되고 업데이트가 중지되는 것을 확인할 수 있습니다. 당신이 나를 도울 수 있기를 바랍니다.Draggable/Droppable : 드롭 이벤트의 드래그 가능한 요소에 업데이트 된 데이터 *를 읽을 수 없습니다.

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

출처

2017-10-27 LasseBj

시도'ui.draggable.data가 ('계산', ui.draggable.data ('수':이 코드를 사용할 수 있습니다

<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)); } });

–

죄송합니다 @ RoryMcCrossan가 작동하지 않습니다. 우리는'attr'을 사용하여'data- *'를 설정해야합니다. 위 코드를 사용하면 HTML이'data-count = "2"'로 업데이트됩니다. 그러나'alert()'는 여전히 1을 말하고있다. 복제와 관련이 있는지 나는 모른다. – LasseBj

) +1); '

출처

2017-10-28 10:17:33

Draggable/Droppable : 드롭 이벤트의 드래그 가능한 요소에 업데이트 된 데이터 *를 읽을 수 없습니다.

답변

관련 문제