如何获得;id";使用JavaScript移动可排序UIKit 3元素的方法?

如何获得;id";使用JavaScript移动可排序UIKit 3元素的方法?,javascript,html,jquery-ui-sortable,console.log,getuikit,Javascript,Html,Jquery Ui Sortable,Console.log,Getuikit,我想知道或打印哪张卡正在被拖动,比如说在拖放时,并在UIKit通知中显示它。我检查了console.log,但什么也没发生。从文档中可以看出,只有在移动时才可能达到平衡,但无法获得正在拖动的元素的值。我的代码如下 HTML: 谢谢 如果您修改: UIkit.util.on('#sortable', 'moved', function () { //console.log(); UIkit.notification('Card has been moved.', 'success');

我想知道或打印哪张卡正在被拖动,比如说在拖放时,并在UIKit通知中显示它。我检查了console.log,但什么也没发生。从文档中可以看出,只有在移动时才可能达到平衡,但无法获得正在拖动的元素的值。我的代码如下

HTML:

谢谢

如果您修改:

UIkit.util.on('#sortable', 'moved', function () {
  //console.log();
  UIkit.notification('Card has been moved.', 'success');
});
将是:

UIkit.util.on('#sortable', 'moved', function (item) {
  console.log(item.detail[1].id)
  UIkit.notification(`Card is ${item.detail[1].id}`, 'success');
});
它将在通知中显示元素id。您可以在“item”对象中向上移动,以获取有关被删除元素的更多信息

另外,我在这里使用一个模板文本将id放入通知中。IE11不支持这一点,所以如果你关心这一点,你可能会想做一些更传统的事情


作为参考,您可以在此处看到通过开发者控制台移动元素时捕获的数据:


非常感谢您。我已经更新了密码笔并接受了你的回答<代码>https://codepen.io/rangka_kacang/pen/zWbOWo没问题。祝你好运是否可以将
item.detail[1]
设置为
$(this)
,以便我可以使用
jQuery
-例如
$this.index()
$this.attr('data-id'),
$this.text()
等获取有关它的信息?也许
var$this=$(e.detail[1])
?更新:这似乎有效。
UIkit.util.on('#sortable', 'moved', function () {
  //console.log();
  UIkit.notification('Card has been moved.', 'success');
});
UIkit.util.on('#sortable', 'moved', function (item) {
  console.log(item.detail[1].id)
  UIkit.notification(`Card is ${item.detail[1].id}`, 'success');
});