javascript - jQuery 对象/数据属性访问问题

Question

我正在尝试对一些 jQuery 代码进行故障排除并添加以下内容：

alert(this.dragEl.data('type'));

并且所有警报返回都是undefined. 所以我试试这个：

alert(this.dragEl.html());

我在警报中得到了预期的 DOM 元素

<li class="dd-item dd3-item" data-type="parent" data-id="6" data-new_record="false">
...
</li>

无论如何，我都不是 JS 或 jQuery 专家，我不知道为什么我不能从中获取parent数据值。

更新

进行了一些挖掘以找到设置的位置：

this.dragEl = $(document.createElement(this.options.listNodeName)).addClass(this.options.listClass + ' ' + this.options.dragClass);

对于上下文，这是 Nestable2 ( https://github.com/RamonSmit/Nestable2 ) 插件。被li克隆然后从 DOM 中销毁。用户现在正在拖动它以放置在新的家庭位置上。我正在尝试添加一些用户反馈，以便当您尝试将其放在“不允许”位置时，添加的默认蓝色占位符 dropzone div 为红色。一旦我弄清楚如何读取被移动项目的数据属性，这似乎是一个简单的补丁。

将相关代码添加到 JS fiddle（第 1041 行）：

https://jsfiddle.net/jasper502/jzaqvsbp/

标签： javascriptjquery