javascript - 将项目添加到可排序列表时出现问题

Question

我不完全确定如何发布这个问题，但这里是......

我有一个网络应用程序，其中包含可排序项目的列表。我使用 Sortable 对它们进行 ajax 风格的排序。这就像一个魅力。我可以拖放项目，直到我满意为止。

同时，有一个按钮允许在我的列表上创建新项目。这也是 ajaxified 并且在大多数情况下都有效。无论如何，新项目都会出现在我的列表中，并且 firebug 显示正在呈现的代码与其他列表项完全相同。哦，它包含在正确的列表中。

问题是新项目不可拖动/可排序/其他。除非刷新页面，否则我无法对其执行任何操作。任何想法为什么会出现这种情况或者我如何解决它？我真的很想解决这个问题。

我尝试将代码粘贴到此处，但无法完全正常工作，所以我选择了 Pastie。无论如何，这是包含 2 个可排序项目的页面的代码。这是一个新的负载，一切都按预期进行。 http://pastie.org/432585

在这个例子中，我单击了创建新部分的按钮，但没有刷新。所以前 2 部分是可以 DnD 的，但新的部分不是…… http://pastie.org/432591

我在这里使用 ruby​​ 和rails 来进行ajax 操作，不可否认，我不太熟悉它应该如何工作。但我相信这种行为来自prototype.js，也许还有dragdrop.js。

Answer 1

在完成导致新元素注入(inject)页面的 ajax 调用后，我想新元素需要绑定(bind)到 DOM，并声明为可排序。

如果您可以向我们展示一些代码，或者至少让我们知道您用于 ajax 和可排序元素的库，那就太好了。