jQuery UI 可排序和 Google 小工具答案

【问题标题】：jQuery UI Sortable and Google gadgetsjQuery UI 可排序和 Google 小工具
【发布时间】：2009-06-02 16:25:14
【问题描述】：

我看到了几个类似的问题，但没有一个专门涵盖我的问题。我正在尝试将几个 Google 小工具放在一组可排序的 div 中。当我将其中一个 div 拖放到新位置时，整个页面都在刷新，并且只显示该小工具 iframe 的内容。

我从其他 SO 问题中看到，Firefox 包含一个错误，如果 iframe 内容在 DOM 树中移动，则会刷新它。这种行为并不理想，但我很乐意接受我现在正在经历的事情。 Firefox 和 Chrome 都给我这个问题。 IE 和 Opera 正确排序小工具。

有人对我如何解决这个问题有一些见解吗？

【问题讨论】：

【解决方案1】：

如何在 dragstart 上销毁小部件（即删除 iframe）并在拖动完成后重建它？

【讨论】：

那行不通，这实际上就是问题发生的原因。 draggable 从 DOM 树中销毁元素，droppable 重新添加它。当 droppable 发生时会出现问题 - 它将小工具 html 添加到 DOM 树中的新位置并导致脚本和 iframe 元素再次加载，在导致此行为发生的这些元素之一（或两者）中触发某些东西。尽管页面实际上并没有导航到小工具 URL，但它几乎就像 iframe 只是在其他所有内容之上重新加载一样。我知道这是一篇旧帖子，但有人有什么想法吗