敲除-可排序的水平列表在拖动项目时垂直推动项目。

Question

我正在使用knockout.js创建一个应用程序，对拖放排序列表使用可剔除排序。有一个垂直列表，每个项目中都有一个横向列表。垂直列表表现得很好，但是每当我试图在水平列表中拖动一个项目时，它就会将列表中的其余项目向上或向下推送到被拖动的项目中。横向清单的定义如下：

<div style="float: left" data-bind="sortable: { template: 'levelTmpl', data: $data.levels, beforeMove: $root.verifyMove, afterAdd: showLevel, beforeRemove: hideLevel, options: { containment: 'parent' } }"></div>
<script id="levelTmpl" type="text/html">
    <div class="container item" style="display: inline-block">
    <div style="float: right"><span class="ui-button" data-bind="click: $parent.removeLevel">[x]</span></div>
    <input data-bind="value: name"/><br/>
    <div style="clear: both"></div>
    <textarea cols="35" rows="4" data-bind="value: description"> </textarea><br/>
    <textarea cols="35" rows="4" data-bind="value: canned"> </textarea>
    </div>
</script>

您可以在这里查看完整的应用程序：

链接不再存在

我已经尝试了我找到的每一个建议，包括在http://bugs.jqueryui.com/ticket/6702的建议，到目前为止，没有什么效果。我真的很想让横向排序列表工作，所以如果有人有任何建议，我会非常感激的。

Answer 1

就您的信息而言，https://github.com/rniemeyer/knockout-sortable只是jquery可排序的包装器。

为了不混淆列表，对可排序元素使用connectClass。