jQuery UI 可拖动和同时定位

Question

我想同时使用 jQuery UI Draggable Module 和 Position Widget 来创建 响应式 内容。
但是，我找不到任何使用示例。我创建了一个简单的 demo => jsfiddle.net/1ecg2jnc

问题是；当我拖动时如何更新元素的偏移量。 p>

<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);
    }
});