问题标签 [nested-sortable]

我正在研究是否有可能在拖动项目时将 nestedSortable 项目强制保留在其容器中。就像现在一样，如果你抓住一个项目并将它拉到一边，你就可以将它拖到屏幕外，如果你愿意的话。我想知道是否有可能以某种方式限制它？

这是一个关于我希望它如何运作的视频：http: //dl.dropbox.com/u/3618143/drag.mov

这是一个演示（尝试水平拖动，你会明白我的意思）：http: //jsfiddle.net/uzRGB/

有谁知道提供嵌套排序但也适用于 Mootools 1.2.0 的 Mootools 脚本？

我能找到的所有嵌套可排序脚本都需要更新的版本——但我坚持使用 1.2.0，因为它是我正在扩展的系统核心组件的一部分。

谢谢

编辑：我发现的主要内容在哪里：

Ryan Mitchel 的剧本：看起来很棒。虽然需要 1.3

Mif 树：比我需要的多。无论如何都需要1.2.4。

我使用 nestedSortable 并且在一段时间内它工作正常，但在使用大约 1 分钟后它会崩溃并且不会返回整个列表，而只是返回其中的一部分。我使用 toArray 将数据返回到 php 脚本，然后填充 mysql 但如果返回的 json 值不是整个列表更新会弄乱数据库。

有人对这种奇怪的行为有问题还是我做错了什么？

我有一个nestedSortable 列表，其中我不允许嵌套具有相同名称的项目（可能是id，无论如何）。我正在使用 beforeStop() 方法来获取当前元素的名称及其父级父级的名称（因为当它嵌套时，它会获取表单:)

请注意，我使用 div 元素作为句柄。我初始化nestedSortable的代码是

此代码确实可以禁止嵌套具有相同名称的项目，如果我在控制台记录移动的元素及其祖父母，我可以看到我引用了正确的元素。但是，我在调用 sortable('cancel') 后也收到以下控制台错误，这自然会炸毁 IE：

未捕获的类型错误：无法调用 null 的方法“removeChild”

d.widget._clear

$.widget.$.extend._clear

d.widget._mouseStop

f.extend.speed.d.complete

f.fx.step

H

f.extend.tick

有人可以给我一些关于如何调试的提示吗？或者您有其他推荐的方法吗？我使用的是最新版本 1.3.4 和 jQuery 1.7.1。

由于我使用的是 jQuery UI 的可排序扩展 nestedSortable，因此我试图创建多个（连接的）列表，每个列表在最大嵌套级别中都有单独的选项。但是插件会检查原始项目（被拖动）中的最大级别数量，而不是应该放置它的位置。

我如何才能使插件的这一部分选择项目被放置位置的 maxLevel 选项？

我正在使用以下代码使用 jQuery 创建嵌套可排序：

http://jsfiddle.net/yPQZx/65/

它可以工作，除了一件有点麻烦的事情。

以下是要采取的步骤：

1. 尝试将“Item 3”拖到“Item 2”下方，使“Item 3”成为“Item 2”的子项。

2. 现在尝试将“项目 3”移回原来的位置。

你会发现这很难做到。

我想知道是否有解决此问题的方法。因为现在它不是真正的用户友好......

我开发了一个可以正常工作的嵌套排序树。现在，我试图在每行末尾添加一个带有子菜单的按钮，但这会破坏 javascript 代码。我从控制台得到的错误是：

p 为空，item.left = p.left;

我在行尾添加的代码是：

此按钮基于 twitter 引导框架。已添加无嵌套类，因为它不起作用（如果我删除它们，错误仍然存​​在）。

更新：

我在这里创建了一个可访问的测试页面：bivdev.herokuapp.com/projects/pmnodes/1 login:admin@birdseyeview.eu pwd: admin01 你能看一下吗？谢谢！

更新 2

我还尝试使用 sortable() 中可用的禁用选项，但它没有帮助。

我是这样做的：

在 nestedSortable 中添加取消回调：

然后我在我想要禁用的所有“li”标签中添加了一个“禁用”类。

怎么了？

谢谢，

尼古拉斯。

我正在使用 Manuele J Sarfatti 的nestedSortable 1.3.5：https ://github.com/mjsarfatti/nestedSortable

使用它我面临无法移动/拖动预填充子元素的问题。见这里：http: //jsfiddle.net/gcWQQ/3/

任何想法，如何解决这个问题？

最好的问候，彼得

我正在使用 jquery 插件嵌套的 Sortable对列表进行重新排序。我想知道如何确定节点插入的父节点和位置。

我的问题是序列化函数总是在我更新它之前返回树的状态。因此，当我将节点 1 从位置 2 移动到位置 3 并随后调用 serialize 时，它​​总是返回它在我移动节点之前所拥有的树的状态。

这是我发现的内置序列化函数和其他一些自定义函数的问题：serialize custom

我在 _mouseStop 函数的末尾调用序列化函数。似乎这样做不是正确的位置......似乎内部 this 持有树的旧状态。因此，问题可能是我怎样才能刷新它..！？

而当我从绑定到序列化函数的按钮调用序列化函数时，它工作正常。

html 结构类似于教程中使用的结构：

我已经建立了自己的嵌套 ul-tree 菜单。树 li-items 是可排序的，甚至使用 jQuery sortable() 和 droppable() 在多个级别中也是如此。您只需拖放即可。

所以，我现在的问题是，当将一个项目拖到其他项目 droppable() 的区域上时，“sortable() placeholder”和“droppable() hoverClass”都会突出显示。

这是我当前的代码：

http://jsfiddle.net/PeterWesterlund/8KDur/89/

问题：当触发 droppable() 悬停时，如何使可排序占位符不突出显示？

因此，仅突出显示将放置所选项目的位置。