“此”可拖动

Question

如何获得可拖动的属性？ （只有我拖动的那个） ui和ui.draggable不起作用。请解释何时使用每一个 我一直在寻找，我没有看到解决方案： http://api.jqueryui.com/draggable/#event-drag

$(".blue").draggable(
 
    { drag: function(event, ui) { // mentre arrossego 
 
\t //var drag = ui.position.left; //ok 
 
\t //var id = this.attr('data-id'); //no 
 
\t //var id = ui.attr('data-id'); //no 
 
\t //var id = ui.draggable.attr("data-id")//no 
 
\t $("#check").html(id); 
 
    } \t \t 
 
});

.blue { 
 
\t float:left; 
 
\t display:inline-block; 
 
\t width:30px; height:30px; 
 
\t margin:10px; 
 
\t background:blue; 
 
\t cursor:pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="blue" data-id="220"></div> 
 
<div class="blue" data-id="221"></div>

Answer 1

$（这）是指元素被拖拽：

$(this).data('id') 

jsFiddle example