AJAX: как перетащить поле и сохранить местоположение

Question

У меня есть основной div, внутри которого есть еще несколько div. Я хочу, чтобы внутренние элементы div можно было перетаскивать внутри основного элемента div, а когда они сохранены, сохраняют свои позиции. Кто-нибудь может мне помочь, как сохранить позиции? [Постоянно, не только для текущей сессии]

Answer 1

Вы можете сделать это с помощью пользовательского интерфейса jQuery: http://jqueryui.com/demos/draggable/#constrain-movement

Вы можете получить позицию каждого div, выбирая атрибуты left и top css.Вы можете просмотреть документацию jQuery: http://api.jquery.com/position/ и использовать:

var obj = jQuery("#inner_div").position();
var coord_x = position.left;
var coord_y = position.top;

Наконец, если вы хотите обновить какой-либо ввод, вы можете сделать это, добавив обратный вызов к событию остановки перетаскиваемого взаимодействияJQuery UI.Надеюсь, это поможет!