Javascript 多次初始化jQuery可排序的成本

我目前正在处理一个表单生成器，并使用jQuery sortable。我遇到的问题是在编辑当前字段时从列表项中删除事件处理程序。然后在保存问题输入后重新初始化它

目前我正在运行jquerysortable的初始化

$('.sortable').sortable({
         placeholder: "sortable-placeholder",
         items : ".is-sortable"
    });

然后在编辑时运行destroy方法以删除可排序功能

$('.sortable').sortable('destroy');

然后在保存问题时重新初始化排序表

 $('.sortable').sortable({
         placeholder: "sortable-placeholder",
         items : ".is-sortable"
    });

我尝试添加和删除.is sortable类，以防止在该类不存在时进行排序，但由于事件处理程序已附加到父容器，因此该项仍然是可排序的

有没有更好的方法来解除jQuery sortable上事件处理程序的绑定

---

如果不是，则在每个字段的“添加”、“编辑”和“保存”上销毁和重新初始化插件的成本是多少。

您可以使用

cancel

方法而不是

destroy

。cancel方法停止当前排序操作

取消当前排序表中的更改，并将其恢复到当前排序启动之前的状态。在停止和接收回调函数中很有用

---

现在取消编辑操作。我想，这会很有帮助。

您已经启用和禁用了同样可以完成此工作的功能，这样您就不必每次都调用它：

---

我建议不要操纵排序表，而是在编辑过程中添加一个新的

isediting

类，然后使您的侦听器

$（'.sortable:not（.isediting）'）。可排序（…）

@briansol我刚刚尝试了一下，但没有成功。即使应用了is editing类，事件处理程序仍然允许移动字段。