我们如何创建可拖动和可投放的iframe？我有一个由4个iframe组成的面板。我想将iframe拖到另一个上面，而在下拉操作中，iframe应该交换位置。例如，在iframe 2上拖动iframe 1会导致iframe 2显示在以前由iframe 1占用的空间中。有关如何实现此功能的指示？关于如何将拖放事件与iframe相关联，我一无所知。
答案 0 :(得分：1)
如果可能，我建议您使用div元素而不是iframe。 iframe通常包含单独的HTML页面，因此要让它们以您正在寻找的方式进行交互将非常困难。尝试检查jQuery UI的可放置操作。 http://jqueryui.com/demos/droppable/
答案 1 :(得分：0)
我找到了一个使用iframe和jquery ui进行简单拖放的解决方案。在这篇文章
jquery ui How to get a id of a draggable item when i click on the droppable item
它有以下几点：
var itemId = $(ui.draggable).attr("id");
$(this).data('dropped', itemId);
我也稍微调整了一下。希望这可以帮助！享受
http://plnkr.co/edit/hB9xHZmCwDYfS3VxPWgt?p=preview