После перетаскивания сортируемого элемента A на Droppable с событием 'over', раскрывающим сортируемые элементы, эти элементы не могут быть отсортированы перед сбросом A

Question

Использование jQuery-ui api Сортируемые и сбрасываемые виджеты.Проблема: Выявленный элемент в сортируемом списке не может быть отсортирован сразу после события «over», которое вызвало его раскрытие.Необходимо удалить помощник и перетащить его снова, чтобы разрешить сортировку обнаруженного содержимого.

Требуемые ответы:

Основной вопрос: Как разрешить сортировку после 1-го события 'over', в то же время перетаскивая сортируемый элемент?

Вторичный вопрос: Как выявить скрытый контент при прокрутке мышью (над сортируемым списком) или (при перетаскивании сортируемого элемента, с такими же условиями, как для основного вопроса)?

HTML:

<div class='tmp'>Sortable List
    <ul class="sortableList">
        <li class="hide" style="display: list-item;">Hide</li>
        <li name='A' class="item ui-state-highlight">Drag me down</li>
    </ul>
</div>
<div class="test droppableArea">
</div>

CSS:

.hide {display: none !important}
.item {display: list-item !important}

jquery-ui:

    $(".sortableList").sortable({
    });

    $('.droppableArea').droppable({
        accept: 'li',
        over: function(event, ui) {
              $(this).siblings('.tmp').find('.hide').addClass('item');
        }
    });

Полный код на Fiddle .

Answer 1

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

Правильный ответ освежает сортировку после показа пунктов:

$('.droppableArea').droppable({
        accept: 'li',
        over: function(event, ui) {
              $(this).siblings('.tmp').find('.hide').addClass('item');
              $(".sortableList").sortable('refresh'); // <-- ANSWER
        }
    });

Полный пример: http://jsfiddle.net/s53bvkye/