Здравствуйте, уважаемые форумчане.
Третий день пытаюсь решить проблему с вложенными списками ui.sortable.
Нужно всего лишь поместить в один из элементов списка две колонки в каждой из которых будет другой список. То есть имеем три списка, два из которых находятся на одном из элементов первого. Хотелось бы иметь возможность перетаскивать элементы между всеми тремя списками.
Схематически изобразил постановку задачи. Буду благодарен за любые наставления, советы, если кто знает. Спасибо!
Еще добавлю код(все лишнее опускаю, чтобы не отвлекало):
.....
$("#sortable_main").sortable({connectWith: 'ul'})
$("#sortable_column_left").sortable({connectWith: 'ul'})
$("#sortable_column_right").sortable({connectWith: 'ul'})
......
<UL id="sortable_main">
<LI id="B1"></LI>
<LI id="B2 ">
<UL id="sortable_column_left">
<LI id="B3"></LI>
<LI id="B5"></LI>
</UL>
<UL id="sortable_column_right">
<LI id="B4"></LI>
<LI id="B6"></LI>
</UL>
</LI>
<LI id="B7"></LI>
</UL>
.....
)))
