问题标签 [jquery-ui-sortable]

在我们的 Web 应用程序中，搜索结果显示在可排序的表格中。用户可以单击任何列并对结果进行排序。问题是有时，用户进行了广泛的搜索并返回了大量数据。要使可排序部分工作，您可能需要所有结果，这需要很长时间。或者我可以一次检索几个结果，但是排序不会很好地工作。显示可能包含大量数据的可排序表的最佳做法是什么？

感谢所有的建议。我一定会复习这些的。

我们正在使用具有可排序表的现有 Javascript 框架；“很多”结果意味着数百个。问题是我们的用户在某个远程站点，并且很多延迟是网络时间从数据中心发送/接收数据。在数据库端对数据进行排序，一次只发送一页的结果是很好的；但是当用户单击某个列标题时，会完成另一次往返，这总是会增加 3-4 秒。

好吧，我想这可能是网络团队的问题:)

我正在使用jQuery UI sortables插件来允许对某些列表项进行重新排序。在每个列表项中，我有几个单选按钮，可以启用或禁用该项目。

拖动项目时，两个单选按钮都被取消选择，这似乎不应该发生。这是正确的行为，如果不是，解决此问题的最佳方法是什么？

这是演示此问题的代码示例：

只要用鼠标抓住一个列表项，两个单选按钮就会被取消选择。

如果这是一个错误，一种解决方法是在移动项目时自动选择“启用”单选按钮，因此任何关于如何实现这一点的建议也将不胜感激。

更新：我已经在 Windows XP x64 上的 FireFox 3、Internet Explorer 7、Opera 9.5 和 Safari 3.1.2 中对此进行了测试，所有这些都出现了这个问题。

我是 jQuery 的新手，我完全在使用 jQuery UI 的sortable.

我正在尝试整理一个页面以方便对项目进行分组和排序。

我的页面有一个组列表，每个组都包含一个项目列表。我希望允许用户能够执行以下操作：

1. 重新排序组
2. 重新排序组内的项目
3. 在组之间移动项目

前两个要求没有问题。我能够很好地对它们进行分类。问题来自第三个要求。我只是无法将这些列表相互连接。一些代码可能会有所帮助。这是标记。

我能够通过将$('#groupsList').sortable({});和$('.itemsList').sortable({});放入来对列表进行排序document ready function。我尝试使用该connectWith选项sortable使其工作，但我失败了。我想做的是让每个groupItemsX列表都连接到每个groupItemsX列表，但它本身除外。我该怎么做？

我在想我需要特别不将列表连接到自身，而不是存在某种循环引用。当然，我没有使用 Excel，但似乎这可能会导致某种永无止境的递归，从而导致堆栈溢出或其他问题。唔。对不起双关语。忍不住自己。

无论如何，我试图做这样的事情，但它不起作用：

我确定我已经完全破坏了那里的语法，我想这就是我必须首先提出这个问题的原因。将当前项目从列表中过滤出来是否有必要或有帮助？

Adam 和 JimmyP 提供的两个答案都在 IE 中工作（尽管它们在 FireFox 中的行为非常奇怪，当您尝试重新排序时会覆盖列表项）。我会接受你的一个答案并对另一个投票，但如果你对过滤有想法/建议，我想听听。

我需要制作这个布局编辑器，它使用大量的jQuery来让人们使用简历上的项目。我设想显示一个带有各部分图形表示的对话框，有点像：

移动物品时，它们需要滑入最近的插槽。

您不会碰巧知道网络上与此类似的示例，对吗？

我正在使用 jQuery UI Sortables 对列表之间的项目进行排序，并将项目从一个列表拖放到另一个列表。

列表可与控制展开/折叠操作的标题 DIV 一起折叠。我想让列表在用鼠标悬停在标题 DIV 上时自动展开，但仅在我当前正在对列表进行排序时。

问题是，在当前排序时（当我当前正在拖动列表项时），鼠标悬停 / mouseout 事件似乎不会为页面上的任何对象触发。

任何人都知道为什么会发生这种情况/如何解决这个问题？

总体布局：

谢谢！

我正在使用jQuery UI的Sortable组件。回调似乎根本不起作用，即使使用这个极简测试：

当我重新排序这些元素时，我没有收到任何警报。

我的用法是正确的还是我可能误读了文档？

启动函数（事件，用户界面）

排序开始时调用的函数。

jQuery UI 可排序 + 可拖动 1.6rc5

我在做什么：创建具有不同日期范围的日历（例如：可能显示 1 周，可能显示 20 周）。此日历每天都有事件，事件可在当天本身以及可见日历上的所有其他日期之间排序。我的平均日历日期范围约为 10 周，其中包括大约 50 个事件。

问题：对于日历上的每一天，jQuery 的 Sortable 交互需要一定的时间来设置。可见的天数越多，jQuery 应该对其应用 Sortable，页面加载所需的时间就越多。加入选项“connectWith”以将所有日历日连接在一起作为交互的可排序列表。并且页面需要大约 10 倍的时间来加载。对于 10 周，50 事件示例，页面加载大约需要 50 秒。

代码：

日历代码如下所示：

设置可排序交互：

我在寻找什么：页面加载时更快的加载/设置时间。我将继续查看可排序的源，但似乎没有很多可排序的选项可以优化交互设置时间。

已尝试一切以使其正常工作。基本上在每个 portlet 中有 2 个部分，用户应该能够将项目从一个部分拖到另一个部分（在同一个 portlet 中）。由于可排序是动态生成的，因此尝试通过为 connectWith 创建一个变量来做类似的事情，但是当我包含 connectWith 行时，不断收到 javascript 错误。

见：http ://www.nimr.mrc.ac.uk/ttest/090209/nimri_c.html

任何指针都非常感谢。:)

糟糕，我想我没有提供足够的信息。那两个注释掉的代码块应该被删除（对不起）。（已使用但与 .each 中的 cookie 代码冲突）

此外，我不希望用户能够将列表项从 list1 移动到 list2 等。 list1 项应该能够转到 list1-hide（反之亦然，等等）。

问题所在的代码行在 .each 函数中 -

我寻找一种将<li>条目放入其他<ul>容器的好方法。线索是，当<li>元素被放入它的原点<ul>时，它应该恢复到它的原点。我不希望它们是可排序的。当它被放到另一个列表上时，它应该被添加到那个<ul>.

我正在使用带有“connectWith：”选项的可排序插件，但它不能按我想要的方式工作。

你有什么想法，它是如何工作的？或者 whitch 插件更适合这个想法。

我有什么方法可以让用户将我放在可排序列表（I used jquery ui's $.sortable()函数）中的 div 拖到不同的可排序列表中？