列表内可排序，外可拖动（可移动到任何地方）

Posted 2023-05-08

【中文标题】列表内可排序，外可拖动（可移动到任何地方）

【英文标题】：Sortable inside list, draggable outside (movable anywhere)

【发布时间】：2011-09-19 22:11:30

【问题描述】：

我正在尝试使可排序的列表面板停靠在页面底部， 我还希望列表中的某些项目可以拖动到屏幕上的任何位置 如果它们被移回列表，它们将是可排序的（停靠和排序）。

我正在使用 jquery。

【问题讨论】：

阅读jQueryUI。您提到的标签都包含在其中。做一些工作，然后先发布你所做的。

刚刚看到 kei 的评论，我完全同意 - 请添加更多信息。社区只能帮助你，就像你帮助自己一样，在这种情况下，就是解释你想要什么:)

【参考方案1】：

查看jQuery UI plugin 是一个很好的起点。

也可以查看docking tool。

您可以绑定到允许您自动排序的事件。

“我希望列表中的某些项目可以拖动到屏幕上的任何位置”，然后他们会做什么？

也许如果您能澄清您希望看到的情况，或者在网上找到类似的产品，我们可以帮助您找到正确的方向

【讨论】：

我在那里找不到类似的东西。好的。页面底部有面板。固定的。在面板中有一些东西，有些是可移动的，有些不是。我想要做的是，当您将此面板的可移动部分拖到外面时，它们会停留在您移动它们的位置。然后，当您将它们拖回面板时，它们将像 sortable 一样受到威胁。

看看类似：pupunzi.com/mb.components/mb.containerPlus/demo/demo.html 与 jquery 对接的结合。也许其他人会有更好的建议。

我面临的唯一问题是如何使可排序列表中的项目在移出面板 (div) 后可拖动，并且在将该项目移回面板后禁用可拖动。我试过 $(#panel div id).mouseenter(function() $(movable item class).draggable(disabled: true));并禁用：鼠标离开事件时为假...但没有效果