Как сделать перетаскиваемые DIV, которые соответствуют 960.gs или другой сетке?

Я работаю над созданием приложения для системы на основе 960.gs (хотя структура сетки еще не установлена ​​в магазине).

Что я хотел бы сделать, так это дать пользователю возможность перетаскивать определенные элементы макета (DIV), которые теоретически будут перемещать блоки дизайна. Я знаю, что в пользовательском интерфейсе JQuery есть система перетаскивания, которая может быть компонентом этого проекта, но я хочу убедиться, что пользователь может только перетаскивать, отбрасывать и растягивать/расширять элементы div в соответствии с ограничениями определенного css. сетка. И убедитесь, что ничто не нарушит границы сетки, и сгенерируйте правильные классы CSS для правильного отображения....

Я обыскал сеть и обмен стеками в поисках некоторых примеров в этом направлении, но ничего не видел. Может ли кто-нибудь указать мне в правильном направлении?


person ethanpil    schedule 07.09.2011    source источник


Ответы (1)


Я изучаю аналогичную проблему и нашел несколько вариантов, не основанных на 960.gs.

jQuery EasyUI (www.jeasyui.com/) имеет что-то вроде этого; вот прямая ссылка на их демонстрацию.

Есть также iNettuts, что-то похожее.

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

person Don 01001100    schedule 16.12.2011