如何在不移除元素的情况下移除jquery UI元素?

Question

假设我有一些像这样的html:

<ul id="sortable">
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

然后输入

$("#sortable").sortable();

在控制台中，它将其转换为可排序的。(jquery需要)现在，如果我想把它重置回原来的html，我该怎么做?如果我输入:

$("#sortable").remove()

删除所有的html。

是否有一种方法可以删除.sortable()创建的任何内容?

Answer 1

使用destroy方法

$("#sortable").sortable("destroy");

来自文档:

完全删除可排序功能。这将使元素返回到初始化前的状态。