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' });