У меня проблема с сортируемым виджетом jQuery UI. Я просто не могу бросить какой-либо предмет в пустой контейнер. Когда в контейнере есть предмет, он работает отлично. Я называю виджет так:

$(".apc_row--columns", this.$el).sortable({
    placeholder: 'apc_drop-placeholder-blocked',
    forcePlaceholderSize: true,
    items: '.apc_inner_item',
    connectWith: ".apc_column--content",
    tolerance: "pointer",
    handle: '.move_handle',
    helper: "clone",
    dropOnEmpty: true,
    distance: 0.5,
    stop: function(event, ui){
        that.droppedItem(ui.item, ui.item.index());
    }
});

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

Но подключенный div ".apc_column - content" имеет минимальную высоту, а также отступ. Я также проверил, чтобы поместить элемент с «display: none» на контейнер, но это не помогло.

Я просто не могу заставить его работать (проверил все браузеры) и буду очень признателен за любую помощь!

Спасибо.

РЕДАКТИРОВАТЬ: сделал jsfiddle для проблемы:http://jsfiddle.net/Sf5QW/1/

Если вы переместите все элементы из левого списка вправо (или другим способом), вы не сможете переместить любой элемент в пустой список.