如何获取我将“可拖动”元素拖动到的元素的 id元素

发布于 2024-10-02 17:13:30 字数 401 浏览 2 评论 0原文

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

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

和这个jquery代码:

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

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

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

可拖动效果效果很好。

但我想找出可拖动 div 被删除的 HTML 标签的 id。如果有的话。

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

So I have divs like this on my page:

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

And this jquery code:

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

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

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

The draggable effect works well.

But I would like to find out an id of a HTML tag where the draggable div gets dropped. If it has any.

So if I drag the div to a table with id="my-table", I want to get that value inside js and do something with it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夏末染殇 2024-10-09 17:13:30

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

所以你可以这样做:

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

if you have a draggable you also have a droppable...correct?

so you could do something like this:

$("#draggable").draggable();
$("#droppable").droppable({
  drop: function() {
    alert('dropped');
    var dropId = $(this).attr('id');
  }
});
荒路情人 2024-10-09 17:13:30

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

如何在 snap 上查找 jQuery UI 可拖动元素的“对齐”元素

I just noticed this post because I recently posted a very similar question, so I will just leave the link here in case anyone wants tot take a look.

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文