为什么这个 jsfiddle 不适用于 Kendo Knockout Sortable 小部件？答案

【问题标题】：Why this jsfiddle does not work for Kendo Knockout Sortable widget?为什么这个 jsfiddle 不适用于 Kendo Knockout Sortable 小部件？
【发布时间】：2014-07-25 09:31:24
【问题描述】：

<ul class="ones" data-bind="foreach: itemsOne, kendoSortable: { data: itemsOne, connectWith: '.twos' }">
    <li class="item" data-bind="text: name"></li>
</ul>

<hr/><div data-bind="foreach: itemsOne"><span data-bind="text: name"></span>,</div><hr/>

<ul class="twos" data-bind="foreach: itemsTwo, kendoSortable: { data: itemsTwo, connectWith: '.ones' }">
    <li class="item" data-bind="text: name"></li>
</ul>

<hr/><div data-bind="foreach: itemsTwo"><span data-bind="text: name"></span>,</div>

var ViewModel = function() {
    this.itemsOne = ko.observableArray([
        { name: "one" },
        { name: "two" },
        { name: "three" }
    ]);

    this.itemsTwo = ko.observableArray([
        { name: "four" },
        { name: "five" },
        { name: "six" }
    ]);
};

ko.applyBindings(new ViewModel());

小提琴是：

http://jsfiddle.net/pdudeja/X7y2k/

我已经包含了所有的 js 文件。只有名为“ones”和“twos”的类不存在。此示例直接来自文档网址：

http://rniemeyer.github.io/knockout-kendo/web/Sortable.html

【问题讨论】：

标签： jquery knockout.js kendo-ui jquery-ui-sortable

【解决方案1】：

问题是在 Knockout 和 Kendo 脚本加载后需要包含 Knockout-Kendo。

   http://rniemeyer.github.io/knockout-kendo/js/knockout-kendo.min.js

这个需要移到最后。这是一个更新的小提琴：http://jsfiddle.net/rniemeyer/zzYjX/

【讨论】：

我现在在我的代码中有同样的小提琴，当我玩弄它时，在项目从一个列表到另一个列表完全转移 2-3 次后，UI 变得乱码。有时，总共只剩下一项，有时完整的 UI 会消失。这发生在这个小提琴中：jsfiddle.net/pdudeja/mZ6hg 以及你发布的这个当前的小提琴。
似乎不会发生在 kendoSortable 本身（没有 KO 绑定）上。必须深入研究提供给事件处理程序的值。