jquery - 如何在 $.unbind 之后重新启用/重新绑定(bind) jQuery UI Sortable？

Question

$('div.something').sortable(options) 工作正常，但在 $('div.something').unbind(); 之后中断。尝试重新运行 $('div.something').sortable(options); 或 $('div.something').sortable('refresh'); $('div.something').unbind(); 之后没有帮助。

我正在使用 $.unbind 通过从正在应用插件的元素中删除事件来停用/取消启动插件，但是此技术会产生不利影响，因为它会破坏 $.sortable。 关于如何重新激活可排序的任何想法？

我正在使用最新版本的 jQuery 和 jQuery UI。

Answer 1

在调用 .unbind() 之前调用 .sortable('destroy') 将从元素中完全删除可排序功能。

这确保了在执行对 .unbind() 的有点危险的调用之前正确的拆卸，这会删除元素上的所有绑定(bind)处理程序。然后，您可以重新初始化可排序功能。

// Initialization of the sortable feature
$('div.something').sortable(options);
...
// Remove the sortable feature to prevent bad state caused by unbinding all
$('div.something').sortable('destroy');
// Unbind all event handlers!
$('div.something').unbind();
...
// Re-initialize the sortable feature
$('div.something').sortable(options);