Вообщем требуется следующие..
Есть товары которые можно перетаскивать на два разных списка
<ul>
<li class='item'><b>Soya Milk</b></li>
<li class='item'>Bread</li>
<li class='item'>Water</li>
</ul>
<ul id="names">
<li class='list'></li>
<li class='list'></li>
<li class='list'></li>
</ul>
$(document).ready(function() {
$('#names').sortable({ containment: 'document', tolerance: 'pointer', cursor: 'pointer', revert: true});
$('li').draggable({ containment: 'document', revert: true,
start: function() {
contents = $(this).text();
}
});
$('.list').droppable({ hoverClass: 'border', accept: '.item',
drop: function() {
$('.list').append(contents + '<br/>');
}
});
$(document).ready(function() {
$('li').draggable({ containment: 'document', revert: true,
start: function() {
contents = $(this).text();
}
});
$('.list').each(function(){
$(this).droppable({ hoverClass: 'border', accept: '.item',
drop: function() {
$(this).append(contents + '<br/>');
}
});
});
});
});
Слова перетаскиваются как нужно, в два разных списка, затем, мне необходима возможность сортировать эти списки с помощью Sortable. Но при подключении, сортировать их не получается. Судя по итогу, sortable конфликтует с droppable. Работал ли кто-то с похожим примером, могли бы пожалуйста подсказать в чем может быть проблема.
