jquery nestable不能拖动到空列表

我正在开发的页面要求有两个列表，其中一个列表要添加项目并将其排序。我使用的是名为nestable的jquery插件，您可以在其中拖放列表项。当列表中有项目预填充时它工作正常，但是当我创建一个空列表时，我无法将项目拖到它上面。我尝试过在任何地方都使用dd-empty类（在不同位置的ol类，li类），并且没有任何东西可以完全工作。最接近的工作是将ol类设置为dd-empty。它创建一个空的“槽”，我可以拖动一个项目，但它不允许我再拖动项目或将该项目拖回原始列表。jquery nestable不能拖动到空列表

我做错了什么？也许在我的CSS？或者这只是一个可嵌套的错误？

如果您有任何问题或需要查看我的代码，请告知我。

来源

2014-10-13 Erik Stagg

想通了。将maxDepth设置为0以尝试摆脱嵌套功能（为什么使用无嵌套的嵌套？愚蠢的我知道）。切换到1解决了这个问题。

来源

2014-10-13 17:08:08

我在嵌套面临着同样的问题。你可以在这里制作你的代码吗？ –

编辑nestable.js和最小高度添加样式：

if (!this.dragRootEl.find(opt.itemNodeName).length) { 
    this.dragRootEl.append('<div class="' + opt.emptyClass + '" style="min-height:30px">'); 
}

然后你会拖到一个空列表

来源

2017-11-06 19:07:29

jquery nestable不能拖动到空列表

回答

相关问题