jquery - jQuery Sortable 如何获取新的父数据 ID
问题描述
我正在使用 jQuery sortable 来管理多级类别。我已经在网上搜索了有关如何获取拖动项目的新父 ID 的答案。任何帮助表示赞赏。
http://johnny.github.io/jquery-sortable
这是我到目前为止所拥有的
var group = $("ol.cat-list").sortable({
group: 'serialization',
delay: 500,
onDrop: function ($item, container, _super) {
// console.log($item.data('id'));// drop Source
//get the new parent id // target
var data = group.sortable("serialize").get();
var jsonString = JSON.stringify(data);
$('#nestable-output').text(jsonString);
_super($item, container);
}
});
HTML
<ol class="cat-list dd-list">
<li class="dd-item dd3-item" data-id="1">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Women</div>
<ol class="dd-list">
<li class="dd-item dd3-item" data-id="2">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Apparel</div>
</li>
</ol>
</li>
<li class="dd-item dd3-item" data-id="3">
<div class="dd-handle dd3-handle"></div>
<div class="dd3-content">Lingerie</div>
</li>
</ol>
解决方案
您可以通过项目找到父级并获取其 ID。在 onDrop 处理程序中尝试以下代码:
console.log($item.closest('.cat-list').data('id'));
推荐阅读
- wordpress - 我在 Elementor Page builder 中遇到了这个问题
- visual-studio - Visual Studio Code 颜色与 Visual Studio IDE 不同
- pyqt - 如何让串行在后台和前台工作良好?
- vhdl - 如何在 VHDL 中找到传入正弦信号(模拟)的幅度和频率
- javascript - 在 Config 中注入变量
- java - 是否可以使用 geotools 编写具有自定义属性定义的形状文件?
- python - Django 跨联合过滤器多对多关系
- html - HTML/VBA 下拉菜单并下载数据
- php - 如果 post id 为空或在 codeigniter 中不存在,如何重定向博客主页
- python-3.x - 将 if 和 else 应用于数据框是否为空 pandas 的条件