Question

我想同时使用jQuery UI可拖动模块和位置小部件来创建响应式内容。
但是，我找不到任何用法示例。我创建了一个简单的演示 =＆gt; 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);
    }
});

jQuery UI Draggable＆amp;同时定位

1 个答案: