Сортируемый jQuery (как настроить интерактивную область внутри поля сортировки) - PullRequest
Новая
       12

Сортируемый jQuery (как настроить интерактивную область внутри поля сортировки)

3 голосов
/ 04 мая 2010

У меня есть этот код 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, на которую пользователь должен нажать, чтобы перетащить поле. Это возможно?

Ответы [ 2 ]

5 голосов
/ 04 мая 2010

ДЕМО: 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>
2 голосов
/ 04 мая 2010

Это на самом деле особенность Draggable - используется сортируемой.

Посмотрите на этот пример . Удачи!

...