被拖动项目的 jQuery Id

标签 jquery jquery-ui javascript drag

这看起来应该是一个简单的任务,但就 jQuery 而言,我是一个新手,所以这就是我要找的东西:

我有这样的东西:

<div class=draggable id=thing1> some contents </div>
<div class=draggable id=thing2> some other contents </div>
.
.
.
<div class=draggable id=thingN> content </div>

使用这个 Javascript:

$(function() {
  $(".draggable").draggable();
  // from inside this block, how can I know the id of the thing I'm dragging?
}

最佳答案

使用 stop 回调,并访问 thisid 属性(对被删除元素的引用)。

$(".draggable").draggable({
   stop: function() { alert(this.id);  }
});

jsFiddle .

关于被拖动项目的 jQuery Id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7035727/

相关文章:

javascript - 响应式布局中的 jquery sortables

JavaScript:如果我使用 position:absolute,SetInterval 不起作用

php - 选择一组选项取决于您之前选择的选项

javascript - jQuery UI 对话框默认选项

更改段落文本的 Javascript 事件监听器单击按钮不起作用?

javascript - datepicker指定的值不符合jquery.js要求的格式

jquery - 隐藏特定 Jquery UI 微调器的微调器按钮

javascript - JQuery 可拖动偏移错误

javascript - polymer 核心-菜单双事件

javascript - d3 将画笔捕捉到 x 轴上的日期