我正在尝试对一些 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 行):