jQuery UI Draggable & Position одновременно

Question

Я хочу использовать JQuery UI Draggable Module и Position Widget одновременно для создания Отзывчивый Контент.
Однако я не смог найти примеры использования. Я создал простой демо =>jsfiddle.net/1ecg2jnc

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

<div class="element" 
    data-x="right" 
    data-y="top" 
    data-offset-x="-25" 
    data-offset-y="+45" >Draggable Element</div> 

Answer 1

Вы можете подключить слушателя к событию перетаскивания, которое обновляет ваши смещения. Что-то вроде этого:

$(this).draggable({ 
    containment: "#zone", 
    cursor: 'move', 
    drag: function(event, ui) { 
     $(event.target).data('offset-x', "+" + ui.offset.left); 
     $(event.target).data('offset-y', "+" + ui.offset.top); 
    } 
});