如何获取我拖动“draggable”元素的元素的id

时间:2010-11-18 07:35:32

标签: jquery jquery-ui jquery-ui-draggable

所以我的页面上有这样的div:

<div class="drag"></div>

这个jquery代码:

<script type="text/javascript">
    //<!--
$(document).ready(function() {

 $('.drag').draggable();

});    //-->
</script>

可拖动效果效果很好。

但是我想找出一个HTML标签的id,其中可拖动的div被删除。如果有的话。

因此,如果我将div拖到id =“my-table”的表中,我想在js中获取该值并使用它做一些事情。

2 个答案:

答案 0 :(得分:1)

如果你有一个可拖动的,你也有一个可放置的......正确吗?

所以你可以这样做:

$("#draggable").draggable();
$("#droppable").droppable({
  drop: function() {
    alert('dropped');
    var dropId = $(this).attr('id');
  }
});

答案 1 :(得分:0)

我刚注意到这篇文章,因为我最近发布了一个非常相似的问题,所以我会在这里留下链接以防万一有人想看看。

How to find out about the "snapped to" element for jQuery UI draggable elements on snap