Question

我正在使用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>

Answer 1

您可以通过该物品找到父母并获得其ID。在onDrop处理程序中尝试以下代码：

console.log（$ item.closest（'。cat-list'）。data（'id'））;

jQuery Sortable如何获取新的父data-id

1 个答案: