Jquery ui - sortable : 정렬 가능한 요소 내에서 'handle'아이콘으로 드래그

Question

jquery UI sortables는 정상적으로 작동하지만 정렬 가능한 요소에는 그 안에 다른 대화식 요소가 있습니다. sortable div 내에서 요소와 상호 작용할 때 우발적 인 정렬을 방지하기 위해 필자는 sortable에 대한 드래그 동작을 어떻게 든 발생시킬 수 있습니다. 예를 들어 정렬 할 수있는 '이동'아이콘 각 정렬 가능 항목의 왼쪽 상단에 있습니다. 일반 jqui를 사용하여이 작업을 수행 할 수 있습니까? 아니면 내 자신 만의 훅을 작성해야합니까?

Answer 1

플러그인의 옵션 handle을 사용하면 정렬을 시작할 수있는 요소를 정의 할 수 있습니다. 선택 자나 요소를 제공 할 수 있습니다.

<ul class="sortable"> 
    <li> 
     <span class="handle"></span> 
     My element 
    </li> 
</ul> 

이 같은 옵션을 적용 : 당신이 정렬을 시작 손잡이가되도록 .handler이 HTML을,있는 경우

$(".sortable").sortable({ handle: '.handle' }); 

당신은 당신은 당신의 핸들 요소를하지만 스타일 수 처럼.