Сортировка 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' });