当删除一个项目时，我们如何获得droppable元素的id？这里我使用jquery ui和asp.net mvc。
<table id="droppable">
<tr>
<td style="width:300px;height:50px">Backlog</td>
<td style="width:300px;height:50px">Ready</td>
<td style="width:300px;height:50px">Working</td>
<td style="width:300px;height:50px">Complete</td>
<td style="width:300px;height:50px">Archive</td>
</tr>
<tr id="cart">
<td id="BackLog" class="drag" style="width:120px;height:50px;">
<img class="draggable" id="1234" src="../../Content/themes/base/images/ui-icons_222222_256x240.png" />
</td>
<td id="Ready" class="drag" style="width:140px;height:50px">
</td>
<td id="Working" class="drag" style="width:140px;height:50px">
</td>
<td id="Complete" class="drag" style="width:140px;height:50px">
</td>
<td id="Archive" class="drag" style="width:140px;height:50px">
</td>
</tr>
}
</table>
在这里，我想移动图像在Ist列到其他列，并获取该列的ID。
对于拖放我使用脚本
<script type="text/javascript">
$(function () {
$(".draggable").draggable({ containment: '#imageboundary',axis: "x" });
$("#droppable").droppable({
drop: function (event,ui) {
$.ajax({
type: "POST",url: '/Project/AddToPhase/' + $(ui.draggable).attr("id"),success: function (data) {
$('.result').html(data);
}
});
}
});
});
</script>
解决方法
要获取draggable和droppable元素的ID，请使用以下命令：
$('.selector').droppable({ drop: Drop });
function Drop(event,ui) {
var draggableId = ui.draggable.attr("id");
var droppableId = $(this).attr("id");
}
对不起可能有点晚了，但我刚刚开始使用jquery，需要确切的事情。