jQuery UIはソート可能です。各ソート可能なdivには、iFrameがFF3でリフレッシュされますが、IE7ではリフレッシュされません。

Question

DIVタグを含むDIVでjQuery UI Sortableを使用しています。ソート可能な各DIVの中にはsrc =が別のサイトにあるiFrameがあります。

IE7では、並べ替えが正常に動作します。 iFrame内をナビゲートした場合、iFrameは現在の状態を保持します。

ただし、FF3では、並べ替えが停止し、元のURLが指定されたiFrameが読み込まれます。これは私が望むものではありません。

DIV/DIVとUL/LIの両方を使用しようとしましたが、どちらも同じように動作します。

Answer 1

これはFFの（そして明らかにSafari 3.5/WinとOpera 9.5/Winの）バグです。iframeはDOMツリー内を移動するとリロードされます。 （jQueryのソート可能なので、ドロップするとDOMツリー内のノードが移動します）。

https://bugzilla.mozilla.org/show_bug.cgi?id=254144を参照してください。

私がこれまでに遭遇したことは、iframe親に接続されたいくつかの領域をjQueryソート可能な「ハンドル」が操作するように指定することです。例：

+-----------------------+ 
| Drag Me | iframe here | 
+---------+    | 
      |    | 
      +-------------+ 

実際のiframeコンテナではなく、「ハンドル」をドラッグします。 Dropでは、DOM内のiframeをそのまま残してハンドルを並べ替えます。これは私の場合でもYMMVではうまくいきました。