Jquery Draggable - 移动拖动的元素而不是复制

发布于 2024-10-03 14:25:21 字数 98 浏览 2 评论 0原文

有人能告诉我如何最好地实现 Jquery 可拖动和可放置,以便将拖动的元素移动到新位置吗?

您是否需要为此实现自己的辅助函数,或者它是否包含在 Jquery 插件中?

Can someone tell me how best to implement Jquery draggable and droppable so that the dragged element is MOVED to its new position?

Do you need to implement your own helper functions for this, or is it included in the Jquery plugin?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

赠意 2024-10-10 14:25:21

helper 选项中,默认情况下是 'original' ,它将完全按照您的要求进行操作,因此只需关闭该选项,或将其设置为 'original'< /code> 并且您将获取原始内容...而不是制作副本的 'clone' 。它应该如下所示:

$(".element").draggable(function() {
  helper: 'original' //or leave this line off
});

您可以在此处的默认演示中测试它

In the helper option is by default 'original' which will do exactly what you want, so just leave the option off, or set it to 'original' and you'll grab the original...as opposed to 'clone' which makes a copy. It should look like this:

$(".element").draggable(function() {
  helper: 'original' //or leave this line off
});

You can test it in the default demo here.

酒儿 2024-10-10 14:25:21

您还可以使用克隆:

pnlText.draggable({
    helper: "clone",
    stop: function(event, ui) {
        $(this).css("top",ui.position.top).css("left",ui.position.left);
    }
});

当松开鼠标时,会将原始文件弹出到克隆的位置。

You can also use clone:

pnlText.draggable({
    helper: "clone",
    stop: function(event, ui) {
        $(this).css("top",ui.position.top).css("left",ui.position.left);
    }
});

This pops the original to the location of the clone when the mouse is let go.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文