问题标签 [jquery-ui-sortable]

我在包含 DIV 标签的 DIV 上使用 jQuery UI Sortable。每个可排序的 DIV 内部都有一个 iFrame，其 src= 指向不同的站点。

在 IE7 中，排序按预期工作。如果您在 iFrame 中导航，则 iFrame 将保留当前状态。

但是，在 FF3 中，当排序停止并使用指定的原始 url 重新加载 iFrame 时。这不是我想要的。

我尝试过同时使用 DIV/DIV 和 UL/LI，它们的行为相同。

我现在可以将一个项目拖到可排序的地方。但是可排序列表具有不同的 DOM。

助手有这个： xxx 这应该被放入可排序的...

“帮手”有效。但是当我将项目“丢弃”到可排序中时，它只是恢复到“原始”DOM。我希望将“新创建的 DOM”（在帮助程序中创建的 DOM）放入可排序的对象中。

我希望我说得通。谢谢！

另一种说法：当我拖动一个苹果时，它现在变成了一个橙子。但是当我放下它时，它又变回了一个苹果..

我正在使用带有 cookie 插件的 jQuery UI 可排序插件来设置和获取两个可排序列表的列表。

我找到了这段代码来设置和获取 cookie：http ://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/#comment-6441

它可以像我想要的那样工作一个列表，但不是两个（我已经在评论中列出了更改，但在某处失败了）。

我的猜测是我必须为 setSelector 指定第一个和第二个列表，而不是为列表使用一个类。我试过 "var setSelector = "#first, #second"; 但这并没有。

想法？

谢谢

$（函数（）{

});

这是我的可拖动连接到可排序的代码。问题是，我正在创建一个具有一堆属性的 LI。但是当我将一个项目拖到可放置的 div 时，可排序的会创建一个新的 li 标签并用它包装我创建的 li。

它看起来像这样：

虽然我的意图是有这样的东西：

那么我该怎么做呢？

和代码：

我正在使用 jQuery 的 UI 排序，并创建了一个这种格式的 div 系统；

div 可以有无限数量的孩子，我希望能够在其父框中拖放所有 .mainDiv，所以我使用了这个：

但是，这允许将元素拖到其子级或兄弟级 .children div 中。我不想发生这种情况。我想限制元素留在他们的父母之内。

这里的任何帮助都会很热。

干杯

我是 Jquery 的新手。我想对我的数据列表使用 sortableUI。datalist 中的每一行都包含带有序列号的文本。我已经成功使用了可排序的 ui。但现在我想在排序时移动文本而不是序列号。这是我的示例代码。div 在每个 li 的左上角显示序列号。现在，如果我尝试用 3rd li 对例如 2nd Li 进行分层拖动，则第 3 个项目按规则进入第 2 个位置，但问题是它在第 2 个项目的 div 之后（它应该在 div 之前像第一次加载一样）。结果，根据 div 的样式.. 序列号 1 和 2 在第一个项目的位置重叠。

有什么方法可以用来在排序时保持 div 对应的 li 之后的 div 吗？

排序前的图像：

看不到图片

现在如果我开始稍微移动，你可以看到包含序列号的 div 仍然显示在正确的位置

看不到图片

将第 2 项排序到第 3 项后

排序后的图像：

看不到图片

这里显示 Li 和 Div 的样式 Style：

我的第一个问题。

我们有一个用户自定义页面，让他们可以将不同的模块 () 重新定位到三个不同的内容块中。有两个空间内容，一个四个空间内容，然后是一个未使用的模块池。

我正在使用 Sortables 将这些模块拖放到位（来回三个内容 div）。如果项目的数量或组合宽度超过内容可用的插槽/宽度，我什至有逻辑从内容中删除项目。

所有这些在 FF3、IE7、Safari 中都可以正常工作……但是，这个库在 IE6 上是否存在已知问题？我的意思是，项目变得不可见，拖动时移动到一边，将助手放在错误的位置..我的客户专门要求让它在 IE6 上工作。在使用这个库之前有没有人经历过这种行为？

提前谢谢。

（我会粘贴代码，但所有引用和变量都是西班牙语......如果需要我会翻译它们）

我正在尝试实现与 youtube 主页类似的效果（您必须登录，所以我发布了一个小电影来解释这一点）：我们有一个基本的可排序（仅限垂直）但在每个可排序项目上我们都有一个“向上移动” ”和一个“下移”按钮。这些按钮确实......正如它所说的那样：用一个整洁的动画移动或向下移动每个项目。

所以，我认为这与 sortable 非常相似：它创建了一个帮助器（即动画元素），然后在动画完成后，DOM 被更改为新的位置。

所以，欢迎任何想法！

我在萤火虫中做了一个小测试。我可以用这个克隆元素：

但主要问题是我有一些 JS 绑定在.hslider. 即使有些仍然有效，但其他（如 jquery UI 滑块）却没有。有一种方法可以在不重新初始化整个 js 的情况下做到这一点吗？我试图看一下 jquery UI 源但是......我在 js/jquery 上不太擅长解码任何有用的东西（是的，源是未压缩的：P）

编辑：

我在这里找到了类似的东西，但我真的不想只为了这个效果再加载 40kb+（尤其是当我已经加载了 jQuery 时）

有人可以解释如何使用下面的代码。

这是屏幕截图

替代文字 http://img196.imageshack.us/img196/9514/picture4omk.png

这是我的 JS

这是我目前的看法

这是我当前的控制器

请帮忙！

我一直在努力使以下代码正常工作，以便当您将 li 从一个 UL 拖到另一个 UL 时，它会检测到它在新 UL 中并保存该数据。我不知道从哪里开始

我将非常感谢任何帮助。

是否可以对 div 图层进行排序？示例仅显示正在排序的列表项。

我目前使用一个函数来控制动态创建的 div（基于 MySQL 结果）。这一功能将可移动层保持在一个 div 中。