jQuery UI可拖拽＆位置同步

Question

我想使用jQuery UI可拖拽模塊和位置小部件同時創建響應內容。
但是，我找不到任何使用示例。我創建了一個簡單的演示 =>jsfiddle.net/1ecg2jnc

問題是;我如何更新偏移的元素當我拖。

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