上下文更改后，Jquery UI无法排序（主要详细信息<select>）</select>

Question

我想要完成的任务：

从下拉列表中选择一个类，以查看所选类中的人员，并能够对其进行排序。

我的问题：

当我更改我选择的课程时。 “ui-sortable-handle”停止发射

我的代码：

<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重新放置到位。在你致电.sortable之后，jQueryUI对它们一无所知。幸运的是，有一个knockout sortable binding可以直接使用jQuery sortable。