问题标签 [jquery-ui-sortable]

我正在尝试使用 jquery 来实现一个 portlet/widget 样式的界面，它有 3 列，并在它们之间和它们之间拖放。除了以下小错误外，它几乎可以完全正常工作。Portlet 有一个标题 h2，我已在我的可排序选项中将其设置为句柄。在 Firefox 和 chrome 中，这完全符合预期。在 IE 中，只有 h2 的文本用作句柄，直到我实际移动 portlet 一次。然后整个标题按预期运行。这是一个错误，还是我错过了什么？我的代码如下：

需要一种让元素显示在 div 中的方法，但是当我使用 ajax 将数据发送到 list.php.it 时它不能工作吗？

PHP：

jQuery：

列表.php

但是，list.php 不起作用。我不知道为什么。有人可以帮助我吗？谢谢！

谢谢阅读。

两个问题：

我正在创建一个任务列表类型的系统，它将使用嵌套的可排序列表。

这是一些非常基本的演示代码：

问题一：

如果您尝试从嵌套子列表中拖动一个项目，在该列表中，它会非常有效。如果您尝试重新排序主列表中的项目，则相同。

但是，如果您想将一个项目从子列表拖动到主列表，反之亦然，它可以做到，但占位符不会立即出现，它会尝试将其保持在同一个列表中。您必须将它拖到各处，然后它才会在您结束的列表中注册。

最终，它似乎意识到你想进入或退出一个子列表，但它非常古怪。

我在想也许对于哪个列表具有优先权感到困惑，因为从技术上讲，您在两者上拖拉。

因此，如果您尝试将项目从主列表拖动到子列表，它会将整个子列表视为单个项目并尝试将其移过。

有没有人遇到过这个？有什么想法吗？也许有一种方法可以指定哪个列表具有优先级，或者让插件对您感兴趣的列表更明显？

问题 2：

如果您抓住第一项，即带有子列表的大项，并尝试对其重新排序，有时它会尝试放入自己的子列表中，导致错误并消失。在拖动开始之前，我可以通过添加一个句柄并在句柄单击时隐藏子列表（使其尺寸更小，从而解决问题）来解决这个问题，但是其他人可以想办法解决这个问题吗？

似乎问题在于拖动高度较大的项目。

浏览器：

这一切都在 Firefox 中。IE 似乎根本无法处理嵌套的 sortables。似乎没有办法从子列表中获取项目。

谢谢！

我正在使用带有 2 个连接列表的 jqueries UI 可排序插件。我正在尝试在将某个类放入某些 uls 时对其进行排序以将其添加到 li 中。所以根据它去往的 ul，我希望它删除旧类并添加一个新的不同类，该类将依赖于 ul。例如：我有一个完整列表和一个归档列表。我希望它在从已完成移动到存档时更改课程，反之亦然。我做了一些研究，发现：

我认为这给了我刚刚移动的项目，但我不确定如何让它知道它现在在哪个 ul 中，以及它来自哪个。任何帮助都会很棒，谢谢！

请注意，我的问题不是关于如何用<div>.

背景：我正在尝试使用 jQuery 可排序的一系列水平布局<div>,的类"column"

现在在FF，一切看起来都很好。在拖动过程中，jQuery sortable 注入的“占位符”是一个空<div>的

“内联块”将导致这个“占位符”跨越[ww]px被<div>拖动的数量。

（我有选项“forcePlaceholderSize = true”）

但是，这在 IE7 中会出现问题，因为它只知道 display:inline。但是如果我改为"display:inline"在 FF 上使用，占位符将不再跨越 [ ww]px。

我尝试了许多解决方法，包括：

• 指定我自己的占位符样式。
• 基于 jQuery.browser.msie 切换 css。
• 动态css表达式。

由于某种原因，它们都不能令人满意地工作。

在我看来，如果我能强制空 div 的大小，我将能够巧妙地解决这个问题。（当然，最简洁的解决方案总是让@#$% IE 符合标准...）

欢迎好的解决方法。

请帮忙！

当我尝试使用可排序事件时。（例如stop()事件）它仅在我使用以下绑定时才有效：

而不是

这里面有没有遗漏的部分？

我问的唯一原因是因为当我使用实际的 bind() 方法进行绑定时，它不会让我访问我传入的事件或 ui 参数。我总是返回未定义的。

我需要在 jquery 可排序容器中同时拖动多个项目。在这种情况下，它是应用了 sortable() 行为的父 div 中的一系列嵌套 div。有什么建议么？

I've got a simple jQuery sortable based on a list as follows:

I've created a helper function so that regardless of what the contents of an item may be, the helper is always the same fixed size.

My problem is that if I drag an item that has a lot of content (says several paragraphs of text), even though my helper is only a single line in height, the item will not drop onto the item below until it has travelled at least the original height of my item.

For example:

If I drag item1 my helper turns this into a single line - nice and easy to drag. However, I still need to move the mouse 5 lines down the screen before item1 can be dropped between item2 and item3. Once I do drag it sufficient height the item then seems to function as I would expect, and I no longer need to drag it the original height.

I've tried all of the sortable options I can think of but to no avail and am hoping that someone has a suggestion.

我有两个 connectedSortable 列表，当我在每个列表之间移动项目时，我想更改项目的前缀文本。例如。如果我将 List 1: Item 1 移动到 List 2，它将被重命名 List 2: Item 1 一旦它被移动到新列表。

非常感谢对此的任何帮助，干杯

我一直在使用 mootools 并尝试 jQuery 一个星期，所以这可能是一个新手问题 - 尽管我在手册中没有找到任何内容。

在 mootools 中，当您在可排序列表中使用选项克隆时，它会创建图像/对象的克隆，帮助您可视化图像/对象将被丢弃的位置 - 在我的缩略图排序系统上效果很好。

mootools sortables 文档页面

好吧，jQuery 也有同样的选择，克隆，但是当我使用它时，它什么也没做。意思是，它实际上克隆了元素，而您拖动的元素是一个克隆，但是当您放下它时，原始元素会保持在原来的位置。您可以使用他们网站上的可拖动演示来检查此行为。看看semi-transparent-clone，你可以移动它，当你放下它时，它就在那里。

这是错误的行为还是它应该是什么？我可以自己复制 mootools 的行为，但尽管这将是一个标准选项......

先感谢您！