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/