Как сделать весь DOM перетаскиваемым и изменяющим размер с помощью пользовательского интерфейса jQuery?

Question

Есть ли способ «активировать» весь DOM для перетаскивания и изменения размера с помощью jQuery UI? Затем я хочу сохранить новые позиции пользователя в атрибуте данных HTML5, чтобы позже создать страницу заново.

Представьте, что эта же страница, которую вы просматриваете, «активируется», когда вы просто наводите, кликаете, перетаскиваете и изменяете размеры всех видимых элементов вокруг (привязка была бы очень хорошей!). Любой совет или идея по этому поводу?

Answer 1

Делать буквально каждый div / span как перетаскиваемый элемент не имеет смысла. То, что мы легко видим людям как атомарную «единицу» (например, поле тега «javascript»), внутренне не столь очевидно в структуре HTML. Таким образом, вам, возможно, придется подумать и решить, что вы хотите включить в «все», которое становится «перетаскиваемым». И в этот момент вы можете просто назвать все эти элементы с помощью класса "dd" и использовать его.

Answer 2

Как сказал Thr4wn, если вы даете каждому элементу, который должен перемещать класс, то вы можете дать каждому члену этого класса функцию, которая обновляет свое местоположение при изменении. Я предлагаю использовать 960.gs в качестве сетки для запоминания местоположений.

Таким образом, каждый объект может быть классифицирован как данные html5.

Answer 3

, если вы действительно хотите, вы можете использовать селектор $("*"). но я бы не советовал ...

Answer 4

Это довольно просто, просто сделайте это:

$('*').draggable();

Не совсем уверен, почему вы хотите это сделать.