의 jQuery 정렬합니다 (정렬 상자 안에 클릭 가능한 영역을 사용자 정의하는 방법)

Question

나는이 jQuery 코드가 있습니다

$(".right_box_holder").sortable({ 
     update : function() { 
      var order = $('.right_box_holder').sortable('serialize'); 
      $.get("right_menu_functions.php?change_sortorder&"+order); 
     } 
    }); 

이 HTML 코드를 : 그것은 지금처럼

<div class='right_box_holder'> 
    <div class='right_box' id='box_0'> 
    // sort box 0 
    </div> 
    <div class='right_box' id='box_1'> 
    // sort box 1 
    </div> 
    <div class='right_box' id='box_2'> 
    // sort box 2 
    </div> 
</div> 

, 나는 클릭 할 수 있습니다 .right_box 안쪽 어디서나 이동하십시오. 이 기능을 비활성화하고 사용자가 상자를 끌기 위해 클릭해야하는 .right_box 안의 버튼/아이콘을 만들고 싶습니다. 이것이 가능한가?

Answer 1

DEMO : http://jsbin.com/iwufe4/edit

이 내가 필요 정확히 무엇 핸들 방법

$(".right_box_holder").sortable({ 
     handle: '.button_icon_or_css_sprite', // use the handle method 
     update : function() { 
      var order = $('.right_box_holder').sortable('serialize'); 
      $.get("right_menu_functions.php?change_sortorder&"+order); 
     } 
    }); 

<div class='right_box_holder'> 
    <div class='right_box' id='box_0'> 
    <img class="button_icon_or_css_sprite" /> 
    </div> 
    <div class='right_box' id='box_1'> 
    <img class="button_icon_or_css_sprite" /> 
    </div> 
    <div class='right_box' id='box_2'> 
    <img class="button_icon_or_css_sprite" /> 
    </div> 
</div> 

Answer 2

실제로 이것은 드래그 가능 기능이며 정렬 가능합니다.

this example을 살펴보십시오. 행운을 빕니다!