javascript - JQuery Sortable : Making sortable elements non-draggable, 还可以排序

Question

考虑以下HTML

<div class="sortcontainer">
    <div class="item">  i1</div>
    <div class="item">  i2</div>
    <div class="item nondraggable">  i3</div>
    <div class="item">   i4</div>
    <div class="item">  i5</div>
    <div class="item nondraggable">  i6</div>
    <div class="item nondraggable">  i7</div>
    <div class="item">  i8</div>
</div>

我正在 sortcontainer div 上应用 sortable (jQuery UI)。

我想让一些元素(这里是 i3、i6 和 i7)不可拖动。但它们应该在列表中保持可排序。

我尝试禁用对这些元素的排序。如果我这样做，它们将变得不可拖动，但它们的位置将被卡住。例如，一旦我禁用它们，我将无法删除 i6 和 i7 之间的任何内容，因为它们已被禁用。

我希望能够使这些元素不可拖动但仍可排序。

有什么想法吗？

JSFiddle 链接:Demo

Answer 1

使用cancel参数设置不应拖动的元素。

cancel: '.nondraggable',

http://jsfiddle.net/ExplosionPIlls/pSe9c/1/