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>

我在sortable sortcontainer上应用div（jQuery UI）。

我想让一些项目（i3，i6和i7）不可拖动。但它们应该在列表中保持可排序。

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

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

有什么想法吗？

JSFiddle链接：Demo

Answer 1

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

cancel: '.nondraggable',

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

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

1 个答案: