Jquery Sortable handle только для определенного элемента

Question

Мне было интересно, можем ли мы определить дескрипторы для сортировки jquery только для определенных элементов.

У меня есть редактируемые и редактируемые div, поэтому я хочу, чтобы редактируемые div были отсортированы только по их ручкам, а не редактируемые divs можно перетащить без ручек.

Answer 1

Если я правильно понимаю, вы хотите, чтобы все они были сортируемыми, не редактируемые с полным div и редактируемые только с помощью его ручки.

у вас есть класс .handle?

на редактируемый, сделать его небольшим промежутком или что-то еще, на нередактируемом сделать его полным контейнером div.

<li class="ui-state-default"> 
    <span class="handle">handle</span> 
    <textarea>editable</textarea> 
    </li> 
<li class="ui-state-default"> 
    <div class="handle">Item 2</div> 
</li> 

так:

http://jsfiddle.net/Jr8xU/

Answer 2

JQuery сортировка позволяет вам объявить вариант ручки динамически, используя метод установки, как:

// setter 
$(".sortable").sortable("option", "handle", ".handle"); 

Если вы кодирование интерфейс мыши, вы можете попробовать для прослушивания событий мыши. Затем отключите рукоятку над элементом без ручки:

$(".sortable").sortable("option", "handle", false); 

и возврата курсора мыши:

$(".sortable").sortable("option", "handle", ".handle");