JQuery Sortable：使可排序元素不可拖动，但可排序答案

【问题标题】：JQuery Sortable : Making sortable elements non-draggable, yet sortableJQuery Sortable：使可排序元素不可拖动，但可排序
【发布时间】：2013-03-08 02:27:38
【问题描述】：

考虑以下 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

【问题讨论】：

标签： javascript jquery html css jquery-ui

【解决方案1】：

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

cancel: '.nondraggable',

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

【讨论】：

谢谢！！这比我想象的要容易。可能下次我应该更彻底地阅读 API！