jQuery UI可对整个div进行排序

Question

我有一个div图像和文本，我想只通过拖动图像而不是文本来对整个div进行排序。

<div id="sortable" class="row">
<div >
  <img id="sortable" src="images/arrow.png" style="cursor: move;"  /> 
  <strong>Item 1</strong> 
</div>
<div>
  <img id="sortable" src="images/arrow.png" style="cursor: move;"/> 
  <strong>Item 2</strong> 
 </div>
<div >
  <img id="sortable" src="images/arrow.png" style="cursor: move;"  /> 
  <strong>Item 3</strong> 
</div>
<div>
  <img id="sortable" src="images/arrow.png" style="cursor: move;"/> 
  <strong>Item 4</strong> 
</div>
</div>

jQuery：

$("#sortable").sortable({
cancel: ".fixed"
});
$("#sortable").disableSelection();

演示：http://jsfiddle.net/kT4PV/4/

Answer 1

fixed课程从未出现在你的小提琴中：

已更新Fiddle

Answer 2

在您的示例中，添加固定为strong

的类

<strong class="fixed">Item 1</strong>