2015-02-09 79 views
0

如何獲得可拖動的屬性? (只有我拖動的那個) 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>

+1

$(this)應該是被拖拽到方法中的.blue元素。 – Buck3y3 2015-02-09 17:53:31

回答

0

$(這)是指元素被拖拽:

$(this).data('id') 

jsFiddle example

+0

是的,它可以工作。我仍然困惑。我應該什麼時候使用ui。 ui.draggable或$(this)?爲什麼ui.position和$(this).data('id')? – Nrc 2015-02-09 17:58:54

+0

在這個例子中,'$(this)'等於'$(ui.helper [0])' – j08691 2015-02-09 18:05:41