аюсь создать интерактивное веб-приложение. используя пользовательский интерфейс Jquery, но я застрял здесь - похоже, я не могу найти способ «вложить» мои «ящики» (см. демонстрацию на скрипке). Например, предположим, что есть четыре поля -A, B , C , D, Если A является родителем с высокими значениями ширины и высоты, я перетаскиваю b вA - Это отлично работает. Я пытаюсь перетащить другую "коробку"C вA, что тоже отлично работает. Но когда я пытаюсь броситьD (или дажеCэто не имеет значения) вB (Вложение), это не похоже на работу (см. Скрипку).

Обратите внимание, что скрипка не содержит отдельных «ящиков», а только один ящик, который реплицируется несколько раз. Также обратите внимание, что я еще не реализовал функцию сортировки (в скрипке), так как не смог решить проблему с вложенностью.

JS Fiddle:http://jsfiddle.net/JQwsf/

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

Любая помощь очень ценится. Спасибо.