JQuery的可排序的：使排序元素非可拖动，但排序

Question

考虑对sortcontainerdiv以下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（jQuery UI的）。

我想使一些项目（这里是i3,i6和i7）不可拖动。但是他们应该仍然在列表中排序。

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

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

任何想法？

的jsfiddle链接：Demo

Answer 1

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

cancel: '.nondraggable', 

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