Jquery可排序 - 僅使用子元素開始排序

Question

我只想在拖動圖標（class="icon"）時纔開始排序。

JS

$('#sortable_test2').sortable({ cancel: '.noDrag' }); // did not work 

HTML

<div id="sortable_test2" style="margin:20px; background-color:#cacaca;" class="noDrag"> 
    <div id="ct1" class="ct"><div class="icon">icon</div>sortable 1</div> 
    <div id="ct2" class="ct"><div class="icon">icon</div>sortable 2</div> 
    <div id="ct3" class="ct"><div class="icon">icon</div>sortable 3</div> 
</div> 

例如
http://jsbin.com/igohod/15/edit#source

提前感謝！

Answer 1

使用handle選項：

$('#sortable_test2').sortable({ handle: '.icon' });