13

jQueryを使用して、親フレームとiframeの間で要素をドラッグアンドドロップしようとしています。親フレームに、子フレームにドロップできるドラッグ可能なアイテムを含むパネルがあります。色々探してみたのですが、なかなか出てきませんでした…

子フレーム内に要素を追加し、プログラムで新しく挿入された要素でドラッグ可能をトリガーしようとすることで回避しようとしましたが、そこでも行き詰まりました。ドラッグ機能をトリガーする適切な方法が見つかりませんでした。(ドラッグ可能な要素にはヘルパーがあります。「mousedown.draggable」をトリガーしてドラッグをトリガーすると、ui-draggable 要素の位置が変わりますが、ヘルパーが表示されません。

ありがとう!!

4

3 に答える 3

28

HTML5 ドラッグ アンド ドロップ API を使用して、クロス フレームとクロス ブラウザーの実装を作成します。 http://blog.stackhive.com/post/137799349684/building-a-seamless-drag-and-drop-interface

編集 - 以前のリンクは有効ではありませんでした (dockPHP は StackHive としてブランド変更されました)。そのため、壮大なドラッグ アンド ドロップ インターフェイスの作成に役立つ、より完全な投稿を書きました。

于 2014-03-06T07:29:57.647 に答える
5

AFAIK、iframeが異なるドメインからのものである場合、これは「一般的な」方法では実行できません(両方のiframeを制御しない限り)、ブラウザのセキュリティ対策により防止されます。そうしないと、銀行のWebサイトをラップして、たとえばログに記録するときにパスワードを盗む可能性があります。の。

回避策に関するいくつかの情報:http ://softwareas.com/cross-domain-communication-with-iframes

両方のiframeを制御する場合:

サンプルごとのiframe間のドラッグアンドドロップ:http ://www.dhtmlx.com/docs/products/dhtmlxTree/samples/05_drag_n_drop/06_pro_drag_frame.html

クロスブラウザHTML5ドラッグアンドドロップ:http ://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/

別のサンプル: http: //jqfaq.com/how-to-implement-drag-and-drop-between-iframes/

于 2013-02-04T17:58:27.870 に答える