JQuery UI Sort отключить проблему - PullRequest
Новая
       29

JQuery UI Sort отключить проблему

0 голосов
/ 26 августа 2009

У меня есть вложенный сортируемый список: 

<ul class="testSortable">
    <li class="ui-state-default" rel="1">What Can I Say?
        <ul class="testSortable" rel="1">
           <li class="ui-state-default" rel="4">Total Divisions
             <ul class="testSortable" rel="4"></ul>
           </li>
        </ul>
    </li>
</ul>

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

Мой текущий код: 

$('.testSortable').sortable({ 
axis:        'y',
cursor:      'move',
connectWith: '.testSortable',
placeholder: 'ui-state-highlight',          
start: function(evt, ui){
    $(ui.item).children(".testSortable").sortable('disable');
},
stop: function(evt, ui){
    $(ui.item).children(".testSortable").sortable('enable');
}
});

Кажется, что класс дочерних элементов отображается как отключенный, но на самом деле ничего не отключается, поэтому заполнитель непрозрачен, но вы все равно можете перейти к дочернему элементу.

Есть предложения?

1 Ответ

0 голосов
/ 26 августа 2009

После поиска способа действительно безуспешного отключения узлов я нашел обходной путь. 

start: function(evt, ui){
   $(".testSortable", ui.item).hide();              
},
stop: function(evt, ui){
   $(".testSortable", ui.item).show();              
}

В основном, просто скрывая подузлы, пока отсортированная опция не будет перемещена в свою конечную позицию.

...