Jquery ui.draggable - 如何从 div 获取数据属性

Question

HTML 允许将一些数据放入属性中。在下面的例子中，数据的key为“myval”，值为10，属性名变为data-myval：

<div id="mydiv" data-myval="10" class="myclass"></div>

jQuery 吸气剂：

var a = $('#mydiv').data('myval'); 

jQuery 设置器：

$('#mydiv').data('myval',20);

我的问题：当我拖放这个 div 时，我得到了他的类，但我无法得到 data-myval 属性。以下所有 thr var 均未定义：

drop : function( event, ui ){
var drag = ui.draggable;
var temp2 = drag.find("div").attr("data-myval");
var temp3 = ui.draggable.attr('data-myval');
var temp4 = ui.draggable.data('myval');
var temp5 = $(ui.draggable).data('myval');

更新：我认为被拖动的克隆节点只有类和样式属性，所有其他属性都被 Jquery 删除。

有什么想法吗？

Answer 1

尝试这样做：

drop : function(event, ui){
    var myval = jQuery(this).data('myval');
}