jQuery UI Draggables - 更改恢复位置？

发布于 2024-07-26 15:15:34 字数 273 浏览 4 评论 0原文

是否可以编辑 jQuery UI 拖动帮助器的恢复位置？例如，我有用户可以单击图标并将其拖入页面上的组的图标。当用户单击图标并开始拖动时，只要用户继续按住单击，就会在其光标正下方出现一条帮助消息并跟随光标。如果助手被放入一个组中，它就会消失。如果助手没有被放入组中，它将使用 revert: 'invalid' 返回到其原始位置。我的问题是，我可以编辑助手的原始位置吗？它似乎总是恢复到 left: 0 和 top: 0 的绝对位置，但我不知道如何编辑这些值。我需要将返回位置编辑为向左多约 300px。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半仙 2024-08-02 15:15:34

您可以尝试在拖动开始后重新定位可拖动元素，释放时元素将恢复到原始位置，然后跳转到新位置 - 我还没有弄清楚如何解决这个问题，但此方法有效

$(document).ready(function(){
 $(".dragMe").draggable({
  helper : 'clone',
  revert : true,
  start: function(e,ui){
   // when starting the drag, reposition the element
   $(this).hide().css({ position: 'relative', left: '-300px', top: 0 });
  },
  stop: function(e,ui){
   $(this).show();
  }
 });
 $("#dropBox").droppable({
  drop: function(e, ui) {
   ui.draggable.appendTo($(this)).show()
    // reset the position of the element to zero (so it fits in the drop box)
    .css({ position: 'relative', left: 0 })
   ui.helper.remove();
  }
 });
})

You can try repositioning the draggable element once the drag has started, when released the element will revert to the original position and then jump to the new position - I haven't figured out how to get around that, but this method works

$(document).ready(function(){
 $(".dragMe").draggable({
  helper : 'clone',
  revert : true,
  start: function(e,ui){
   // when starting the drag, reposition the element
   $(this).hide().css({ position: 'relative', left: '-300px', top: 0 });
  },
  stop: function(e,ui){
   $(this).show();
  }
 });
 $("#dropBox").droppable({
  drop: function(e, ui) {
   ui.draggable.appendTo($(this)).show()
    // reset the position of the element to zero (so it fits in the drop box)
    .css({ position: 'relative', left: 0 })
   ui.helper.remove();
  }
 });
})

回复收藏 0 原文

~没有更多了~