jQuery UI的排序不工作

Question

什麼，我試圖完成：

從下拉菜單中選擇一類，看看哪些人是在選定的類別，並能夠對它們進行排序。

我的問題：

當我改變我選擇的類。在「UI可排序柄」停止發射出

我的代碼：

<select data-bind="options: Classes, optionsText: 'Name', value: SelectedClass"></select> 
<div data-bind="with: SelectedClass"> 
    <ul data-bind="foreach: Persons" id="selectable"> 
     <li class="ui-state-default"> 
      <div data-bind="text: Name"></div> 
     </li> 
    </ul> 
</div> 

我創建This fiddle

Answer 1

這是因爲，當淘汰賽重新渲染與不同項目的列表，它只是把它自己的純HTML再次放置到位。 jQueryUI對它們一無所知，因爲它發生在您致電.sortable之後。幸運的是，有一個knockout sortable binding直接與jQuery排序。