Jquery Drag drop – один список с возможностью сортировки и другой список с возможностью перетаскивания и удаления без со ⇐ Jquery

[Anonymous]

Я пытаюсь перетащить элементы между двумя списками.

Мои требования:

Список A (с перетаскиванием в список B, но без возможности сортировки)
элемент 1
элемент 2
элемент 3

Список Б (с сортировкой и перетащите в список A)
пункт 4
пункт 5
пункт 6

я пробовал .sortable(), но он создает список A с функцией сортировки,

Код: Выделить всё

[list]
[*]Item 1
[*]Item 2
[*]Item 3
[*]Item 4
[*]Item 5
[/list]

[list]
[*]Item 1
[*]Item 2
[*]Item 3
[*]Item 4
[*]Item 5
[/list]

$( function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable",
beforeStop: function (event, ui) {
console.log($(ui.helper).parent().attr('id'));
console.log($(ui.placeholder).parent().attr('id'));
if($(ui.helper).parent().attr('id') === 'sortable1' && $(ui.placeholder).parent().attr('id') === 'sortable1')
{
$(this).sortable('cancel');
}
},
}).disableSelection();
} );

Я даже пытался остановить сортировку в событии beforeStop, но выдает ошибку

$( this).sortable('cancel');

Ошибка:
jquery-ui.js:16692 Необработанная ошибка типа: невозможно прочитать свойство 'removeChild' null

Пожалуйста, помогите мне разрешить этот случай

Подробнее здесь: https://stackoverflow.com/questions/609 ... ble-droppa