"This" 可拖动
"This" in a draggable
如何获得可拖动对象的属性? (只有我拖的那个)
ui 和 ui.draggable 不起作用。请解释何时使用每一个
我一直在搜索,但没有看到解决方案:
http://api.jqueryui.com/draggable/#event-drag
$( ".blue" ).draggable(
{ drag: function( event, ui ) { // mentre arrossego
//var drag = ui.position.left; //ok
//var id = this.attr('data-id'); //no
//var id = ui.attr('data-id'); //no
//var id = ui.draggable.attr("data-id")//no
$("#check").html(id);
}
});
.blue {
float:left;
display:inline-block;
width:30px; height:30px;
margin:10px;
background:blue;
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>
$(this) 指的是被拖动的元素:
$(this).data('id')
如何获得可拖动对象的属性? (只有我拖的那个) ui 和 ui.draggable 不起作用。请解释何时使用每一个 我一直在搜索,但没有看到解决方案: http://api.jqueryui.com/draggable/#event-drag
$( ".blue" ).draggable(
{ drag: function( event, ui ) { // mentre arrossego
//var drag = ui.position.left; //ok
//var id = this.attr('data-id'); //no
//var id = ui.attr('data-id'); //no
//var id = ui.draggable.attr("data-id")//no
$("#check").html(id);
}
});
.blue {
float:left;
display:inline-block;
width:30px; height:30px;
margin:10px;
background:blue;
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>
$(this) 指的是被拖动的元素:
$(this).data('id')