【问题标题】:Sortable inside list, draggable outside (movable anywhere)列表内可排序,外可拖动(可移动到任何地方)
【发布时间】:2011-09-19 22:11:30
【问题描述】:

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

我正在使用 jquery。

【问题讨论】:

  • 阅读jQueryUI。您提到的标签都包含在其中。做一些工作,然后先发布你所做的。
  • 刚刚看到 kei 的评论,我完全同意 - 请添加更多信息。社区只能帮助你,就像你帮助自己一样,在这种情况下,就是解释你想要什么:)

标签: jquery draggable jquery-ui-sortable


【解决方案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)});并禁用:鼠标离开事件时为假...但没有效果
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-12-10
  • 2018-04-06
  • 2020-02-23
  • 1970-01-01
  • 2010-10-16
  • 1970-01-01
  • 2010-10-18
相关资源
最近更新 更多