我在包含 DIV 标记的 DIV 上使用 jQuery UI Sortable。在每个可排序的 DIV 中都有一个带有指向不同站点的 src= 的 iFrame。
在 IE7 中，排序按预期工作。如果您在 iFrame 中导航，iFrame 会保留当前状态。
但是，在最终幻想 3 中，当排序停止时，iFrame 会重新加载指定的原始 url。这不是我想要的。
我试过同时使用 DIV/DIV 和 UL/LI，两者的行为相同。
最佳答案
这是 FF(显然是 Safari 3.5/Win 和 Opera 9.5/Win)中的一个错误:iframes 在 DOM 树中移动时会重新加载。 (jQuery sortable 会在您放下节点时移动 DOM 树中的节点)。
参见 https://bugzilla.mozilla.org/show_bug.cgi?id=254144 .
我之前解决这个问题的方法是指定一些附加到 iframe 父级的区域作为 jQuery 可排序操作的“句柄”。例如:
+-----------------------+
| Drag Me | iframe here |
+---------+ |
| |
+-------------+
您拖动的是“句柄”，而不是实际的 iframe 容器。在 Drop 上，您重新排列句柄，将 iframe 留在 DOM 中的位置。这对我来说效果很好，但 YMMV。
关于javascript - jQuery UI 可排序，每个可排序的 div 包含一个 iFrame 在 FF3 中刷新但在 IE7 中不刷新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/736023/