我正在开发的页面要求有两个列表，其中一个列表要添加项目，然后对这些项目进行排序。我正在使用名为nestable的Jquery插件，您可以在其中拖放列表项。当列表中有预先填充的项目时，它可以正常工作，但是当我创建一个空列表时，我无法将项目拖到它上面。我已经尝试过使用dd-empty类到处（在不同位置的div，ol类，li类），似乎没有任何东西可以完全运行。最接近的是将ol类设置为dd-empty。它会创建一个空的“槽”，我可以拖动一个项目，但是它不允许我拖动任何项目或将该项目拖回原始列表。
我做错了吗？也许在我的CSS？或者这只是一个可嵌套的错误？
如果您有任何问题或需要查看我的代码，请与我们联系。
答案 0 :(得分：0)
想通了。将maxDepth设置为0以试图摆脱嵌套功能（为什么在没有嵌套的情况下使用嵌套？我知道这是愚蠢的）。将其切换为1解决了问题。
答案 1 :(得分：0)
编辑nestable.js并将样式min-height添加到：
if (!this.dragRootEl.find(opt.itemNodeName).length) {
this.dragRootEl.append('<div class="' + opt.emptyClass + '" style="min-height:30px">');
}
然后你会拖到一个空列表