jQuery 嵌套排序 maxDepth 选项

Question

我正在使用这个插件：http://johnny.github.io/jquery-sortable/

（它不是 jQueryUI Sortable。这个是可嵌套的。）

Here's a demo

我正在尝试这样做：

菜单应该只允许根目录中的文件夹。

它不应该允许将一个文件夹拖到另一个文件夹中。

很遗憾，这个插件没有 maxLevel 或 Depth 选项。

到目前为止，我所做的是使用isValidTarget 函数来返回真或假。如果拖动的项目是 .folder 并且 .placeholder 在 .folder 内，我返回 false 并且它几乎可以工作，但问题是返回 false 会删除占位符，所以它再次返回 true ......（所以它在闪烁）

if($item.hasClass('folder') && $('.placeholder').parent().parent('li').hasClass('folder')){
    return false
}else{
    return true
}

有什么想法吗？谢谢！

Answer 1

修复它。

演示：http://jsfiddle.net/mirohristov/kk8k2z8w/1/

防止将子菜单拖到另一个子菜单中。

menu.sortable({
 isValidTarget: function ($item, container) {
    return !(container.el.parent('li').hasClass('folder') && $item.hasClass('folder'));
 }
});