使用 jQuery UI 同时对多个项目进行排序

2023-11-22

我正在尝试设置一种方法来同时对多个项目进行排序jQuery UI 的可排序插件。我提出了一个部分解决方案,其中选中的项目随拖动一起移动,但我无法让它们全部移动位置。这是我所拥有的:http://jsbin.com/ecela

我需要添加什么才能确保项目移动到新位置并在拖动开始时被删除。

另外,我想知道是否有办法将 selectable 和 sortable 一起使用。我猜不是因为它们都要求您单击项目来选择并拖动/排序它们。


有一个 jQuery 插件可以做到这一点:多分类的.

他们也有一个 jsfiddle 示例。您可以通过按住 Shift 键单击或按住 Command 单击来选择项目,然后拖动它们。

至少看起来是一个很好的起点!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jQuery UI 同时对多个项目进行排序 的相关文章

  • 允许调用函数覆盖默认选项 - jQuery UI 对话框

    我希望 CallingFunction 能够覆盖中提供的默认选项showDivPopUp功能 function calling showDivPopUp title of pop up box message to show buttons
  • 如何将函数绑定到DOM事件一次且仅一次,以便在事件触发时不会再次执行?

    所以我有以下形式的锚标签 a href link 我在页面加载时应用以下内容 我的意思是 文档准备就绪 jQuery a rel Tab click function e e preventDefault then I do some st
  • JQuery 可排序嵌套可排序 div

    这个问题与这个有关Nest jQuery UI 可排序 https stackoverflow com questions 19129476 nest jquery ui sortables 但我无法解决我的问题 问题是 我有一个包含项目的
  • 测试 jQueryUI 是否已加载

    我正在尝试调试网站 并且我认为 jQueryUI 可能未正确加载 如何测试 jQueryUI 是否已加载 if jQuery ui UI loaded OR if typeof jQuery ui undefined UI loaded 应
  • 使用 jquery 淡入/淡出

    我正在研究我的学生项目 我是新的 jquery 对于该项目 我必须使用 jquery 来增强一些功能 并且我已经学到了很多来执行基本任务 但我陷入了一些非常令人困惑的事情 我的一个脚本实际上在鼠标悬停在功能上时更改了 div 容器的图像 功
  • jQuery Draggable:可拖动框越过容器 - bug?

    Try this http jsfiddle net QhVNr code HTML div class draggable container div class draggable div class exp div div div C
  • 使用 jquery UI 调整大小的分屏 div

    我心中有一个设计 涉及 html 中的拆分面板视图 类似于 winforms 拆分面板 我一直在尝试jQuery UI 可调整大小 http jqueryui com demos resizable我喜欢这个功能 我只是似乎无法协调两者的大
  • Bootstrap 3 - 使用垂直滚动条水平拖动元素,overflow-y:滚动

    在我的失败之后上一篇文章 https stackoverflow com questions 23586926 bootstrap grid with scrollable affixed column noredirect 1 comme
  • 获取鼠标在滚动条上的位置

    当我向下滚动或向上滚动时如何获取鼠标位置 我试过这个 document mousemove function event captureMousePosition event scroll function event xMousePos
  • jqGrid:结合 sortableRows 和 gridDnD (重复行)

    我希望能够将项目从 Grid1 拖动到 Grid2 然后允许用户对 Grid2 的项目进行排序 单独来看 sortableRows 选项和gridDnd 选项可以正常工作 当两个集成一起使用并且用户对 Grid2 中的行进行排序时 这些行将
  • jquery ui autocomplete:如何在文本输入失去焦点后取消缓慢的ajax请求

    我正在使用 JQuery UI 自动完成字段 该字段与 ajax 查找相关 有时可能会相当慢 有时 用户会按 Tab 键离开文本输入字段afterajax 查询启动但是beforeajax 调用返回 发生这种情况时 即使文本输入不再具有焦点
  • 使用 .slideToggle 将隐藏的 div 从底部向上拉

    我似乎无法弄清楚如何从下往上而不是从上往下显示隐藏的内容 我在这里做了一些功课 并遇到了 jQuery UI 的解决方案 但一定是错误地实现了它 非常感谢任何帮助 脚本编写新手 cheers 这是我正在处理的内容 剧本 document r
  • JQuery UI 1.10.0 自动完成 renderItem 问题

    我尝试了有关将 autocomplete 重命名为 ui autocomplete 的解决方案 使用 JQueryUI 1 10 0 JQuery 1 8 3 但仍然收到错误 类型错误 autocomplete data 未定义 data
  • 使用 jQuery UI 可拖动并启用捕捉功能检索“捕捉到”元素

    我正在使用 jQuery UI 的可拖动功能 启用 捕捉 并设置为选择一类元素 这意味着可拖动对象会捕捉到 例如 名为的类的边缘 general 当可拖动对象捕捉到类的元素时 general 是否可以找到或选择确切的 捕捉到 元素 您可以尝
  • 使用 jQuery UI 日期选择器选择日历更改 URL

    我正在使用 jQuery UI 选择器 我想知道当有人选择日期时是否有可能 它会自动将他们重定向到 URL 如下所示 index php date 2013 10 15 这是我正在使用的插件 Date
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供
  • Ajax 表单从 Jquery 对话框内重定向页面

    我在部分视图中有一个 jquery 对话框 model JQueryDialogPoc Models FeedBack using Ajax BeginForm GiveFeedback Home null new AjaxOptions
  • jquery ui 选项卡内的 Openlayers

    我想在 jquery ui 选项卡中使用 Openlayers 但出现错误 大小为空 有同样的问题 解释于jquery 选项卡 http docs jquery com UI Tabs my slider 2C Google Map 2C
  • jQuery UI:将可排序从手风琴内部拖动到外部

    我有两个相连的可排序列表 一个只是在页面上 另一个在手风琴内 我使用手风琴作为其他列表的容器 我的目标是用户可以打开手风琴并将项目从该列表中拉到页面上 它有效 除了占位符在离开手风琴时消失 我尝试过 helper clone 并增加 zIn
  • 单击时更改 CSS 属性

    我试图在单击另一个元素时更改一个元素的 CSS 我进行了很多搜索 但没有任何效果是完美的 目前我正在使用下面的代码 但它不起作用 谁能告诉我我错过了什么 div hello world div img src zoom png functi

随机推荐