问题标签 [jquery-ui-sortable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
155 浏览

jquery - 避免元素在使用 jQuery 可排序删除时被选中

我有一个功能,可以让我在单击时选择一个元素。它是这样的:

当我向其中添加 jQuery 可排序时,当我删除它时会立即选择被删除的元素,因为此函数运行。解决这个问题的方法是什么?

谢谢!

0 投票
2 回答
1725 浏览

php - 嵌套的可排序 JQuery 列表在 IE 中不起作用,而在 FF 中起作用

虽然我经常使用这个站点作为 jQuery 相关问题的资源,但这次我似乎找不到答案。所以这是我的第一篇文章。

在白天的工作中,我正在开发一个用于生成 MS Word 文档的信息系统。我正在开发的模块之一是为目录定义默认章节选择并按给定章节选择文本。用户可以提交新章节,如有必要,将它们作为子章节添加到父章节,将它们标记为“在 TOC 中采用”并将默认文本(来自另一个模块)链接到章节。

我的章节列表是从 MySQL 表中递归检索的,可能看起来像这样:

在 FireFox 中,代码就像一个魅力,但 IE (7) 似乎不太喜欢它。我只能正确地拖动主要章节。当试图拖动一个子章节时,无论它的水平如何,对应的主要章节都会与一些孩子一起抬起,而不是全部。

这是我用来完成任务的 jQuery 代码:

有人对此有一些想法吗?我猜 IE 有点落在了多类引用“chapter_list”上,同时 jQuery 试图处理可拖动/可排序。

0 投票
16 回答
78124 浏览

javascript - 使用 jQuery 拖放防止单击事件

我在页面上有可以用 jQuery 拖动的元素。这些元素是否具有导航到另一个页面的点击事件(例如普通链接)。

什么是防止单击在放置此类元素时触发的最佳方法,同时允许单击它不是拖放状态?

我对可排序元素有这个问题,但我认为最好有一个通用拖放的解决方案。

我已经为自己解决了这个问题。之后我发现Scriptaculous 存在相同的解决方案,但也许有人有更好的方法来实现这一点。

0 投票
1 回答
766 浏览

javascript - jQuery没有将拖放附加到连接的文件夹

在这里寻求一种 Windows 资源管理器风格的拖放文件夹行为。“// 使章节项目可拖放”块不起作用 - 具体来说,它没有将可拖动对象附加到被拖动文件夹的列表中。

谢谢。

0 投票
2 回答
1940 浏览

javascript - jQuery UI 可排序/可拖动 - 带有调色板(复制/删除而不是移动)

我使用 jQuery UI 的默认可排序/可拖动功能进行了简单设置。

我现在需要添加一个“调色板”,它将是所有列表中所有项目的列表(有些可能不在任何列表中)。像这样:

目前,调色板没有任何不同 - 将项目拖入和拖出只是移动它们。

我需要的功能是,当我拖出调色板时,它会复制而不是移动,当我拖入调色板时,它会从源列表中删除但不会添加到调色板中。(这些盒子可以存储调色板项目的多个副本。)

我已经使用 sortable 的receive事件来创建可以完成所有这些操作的东西 - 我在下面添加了它作为答案 - 但我想要一些我现有的解决方案不提供的东西

  • 从拖动开始时保留(至少在视觉上)调色板中的项目(而不是在拖放后恢复它)。
  • 保留原始调色板顺序,防止可排序性(但保留从盒子与其连接的能力)。

谁能建议如何最好地实施这些?

0 投票
1 回答
4467 浏览

jquery - jQuery 意外的可排序行为

我正在开发一个可以生成 Word 文档的项目,其中一个功能是定义目录。我希望我的 TOC 是一个可排序的 jQuery 列表,用于对章节进行排序。

我正在从 MySQL 表中递归地检索数据,该表按预期运行。由于我发现 IE7(以及可能的其他版本)中存在一些奇怪的行为,我切换回基础并在没有任何 DB 生成结构的简单 HTML 文件中尝试以下操作。

有了这个来源(无论子级别的数量),我希望每个子章节在其父章节中都是一个唯一的可排序列表。在 FireFox 中,这可以正常工作,但不幸的是,IE7 是默认浏览器,无法进行切换。

有人有什么建议吗?

基本上我只想重新组织列表和嵌套列表。目前我只能拖动主要章节,当我尝试拖动子章节时,相应父级的整个列表结构都被拖动了。因此,当我尝试将“第 2.2 章”拖动到“第 2.1 章”上方时,我实际上是在拖动“第 2 章”,只有将其拖动到“第 1 章”上方的可能性。

我希望我的问题足够清楚。

这是一个演示。添加/edit到 URL 以查看代码并使用它

0 投票
1 回答
1875 浏览

css - Jquery Sortables - 子菜单

我对 CSS 和 Jquery Sortables 有一个挑战。我对 Jquery 非常陌生,所以我不知道如何实现这一点。

这是目标:

  1. 拥有父菜单的水平面。父菜单可以通过从右向左拖动来排序。每个父菜单都有自己的唯一 ID。
  2. 每个父菜单可以有 0 - 无限制的子菜单。
    1. 子菜单以垂直方式显示。
    2. 子菜单可以排序(上下)
    3. 子菜单也可以移动到不同的父菜单。

我试图用可排序的和嵌套的 UL 来实现这一点。我已经尝试了连接列表,但没有任何效果 =(

有人可以帮我提供一个简单的 3 个父菜单示例,每个菜单都有 3 个子菜单。我的目标是能够将子菜单移动到一个父级,并在水平面板中重新排列父级。

每次更改页面上表单中的文本框后,都会获得所有菜单的序列化列表。

这是我到目前为止所拥有的。但没有jQuery代码:

提前致谢

坦率

0 投票
1 回答
666 浏览

javascript - 在 jquery 中更新可排序的问题

我有一个页面,其中有一个可排序的项目列表(一个具有“可排序”类的 div),它最初可以包含一些项目或为空。这些项目在页面上的另一个列表中,并且有一个“添加”按钮。单击添加时,它们会进入可排序列表。

当页面已经加载列表中的某些项目时,排序工作,但随后添加到列表中的项目不可排序,即当我单击它们的可拖动元素时没有任何反应。

这是相关的 javascript:最初我使用 setSortables 仅在页面加载时调用它,但在这里我每次将项目移动到可排序列表时都会再次调用它。

谢谢,最大

0 投票
1 回答
1039 浏览

javascript - 连接的可排序列表

我正在使用连接的可排序列表,并且需要添加额外列表的能力,但它不起作用。

我有一个这样的 XHTML:

其中元素必须是可排序的,并且用户必须能够将它们从一个 .line 更改为另一个。但是在排序时,必须添加一个空的额外行,以防用户想要将元素放在新行中。

我尝试将 div.line 添加到 div#content,但无法将元素放在那里。

任何的想法?

谢谢!

0 投票
1 回答
1599 浏览

jquery - 使用 jQuery UI 的可排序后对表的第一列进行排序?

我有一个使用 jQuery UI 可排序的表。第一列包含每行的订单号。对行进行排序时,如何自动对第一列中的数字(按升序)进行排序?这意味着只有第一列中的数字会被排序。

提前致谢!