javascript - jquery嵌套无法拖动到空列表

标签 javascript jquery css list jquery-ui-sortable

我正在开发的页面需要有两个列表,其中一个用于添加元素,然后对这些元素进行排序。我正在使用名为 Nestable 的 Jquery 插件,您可以在其中拖放列表项。当列表中预先填充了元素时,它工作正常,但是当我创建一个空列表时,我无法将元素拖到上面。我尝试过在任何地方使用 dd-empty 类(在不同位置的 ol 类、li 类中的 div),但似乎没有任何方法可以完全工作。最接近的方法是将 ol 类设置为 dd-empty。它创建一个空的“槽”,我可以将一个元素拖动到其中,但是它不允许我拖动更多元素或将该元素拖回原始列表。

我做错了什么吗?也许在我的 CSS 中?或者这只是 Nestable 的一个错误?

如果您有任何疑问或需要查看我的代码,请告诉我。

最佳答案

想通了。将 maxDepth 设置为 0 以尝试摆脱嵌套功能(为什么使用可嵌套但不嵌套?我知道很愚蠢)。将其切换为 1 解决了问题。

关于javascript - jquery嵌套无法拖动到空列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26332570/

相关文章:

javascript - IE的removeNode相当于什么

javascript - Jquery循环未知数量的元素

javascript - 无法使用 jQuery 更改文本颜色

html - Verdana vs Arial - 如何在 CSS 中设置字体大小?

css - 响应式 CSS 仅在移动 View 中工作,拒绝在普通 View 中隐藏

javascript - CSS3变换缩放后如何获得正确的偏移量

javascript - 在 javascript 中映射对象数组并按键分组

javascript - 创建一个可重用的函数来打开和发送 Ajax

javascript - 如何显示使用相同 html 输入类型=文件选择的视频和图像的预览

javascript - 当文档中的单个元素准备就绪时触发事件的最佳方法