0

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

sortablesortcontainer div.

我想让一些项目(这里和i3)不可拖动。但它们应该在列表中保持可排序i6i7

我尝试禁用对这些项目的排序。如果我这样做,它们将变得不可拖动,但它们的位置将被冻结。例如,一旦我禁用它们,我将无法在它们被禁用时丢弃任何i6东西。i7

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

有任何想法吗?

JSFiddle 链接演示

4

1 回答 1

3

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

cancel: '.nondraggable',

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

于 2013-03-08T02:41:01.590 回答