1

ドラッグおよびドロップ可能なiframeを作成するにはどうすればよいですか?4つのiframeで構成されるパネルがあります。iframeを別のiframeにドラッグしたいのですが、ドロップ操作でiframeの位置を入れ替える必要があります。たとえば、iframe1をiframe2の上にドラッグすると、以前はiframe1が占めていたスペースにiframe2が表示されます。この機能を実装する方法についてのアドバイスはありますか?ドラッグドロップイベントをiframeに関連付ける方法がわかりません。

4

2 に答える 2

1

可能であれば、divの代わりに要素を使用することをお勧めしますiframe。一般に、iframe には個々の HTML ページが含まれているため、それらを目的の方法で相互作用させるのは非常に困難です。jQuery UI のドロップ可能なアクションを確認してみてください。http://jqueryui.com/demos/droppable/

于 2012-08-01T14:23:02.457 に答える
0

iframes と jquery ui を使用して、簡単なドラッグ アンド ドロップで解決策を見つけました。この記事について

jquery ui ドロップ可能なアイテムをクリックしたときにドラッグ可能なアイテムのIDを取得する方法

それは何か関係があります:

var itemId = $(ui.draggable).attr("id"); $(this).data('dropped', itemId);

私も少し微調整しました。お役に立てれば!楽しい

http://plnkr.co/edit/hB9xHZmCwDYfS3VxPWgt?p=preview
于 2014-07-07T10:45:24.500 に答える