我们如何创建可拖放的 iframe？我有一个由 4 个 iframe 组成的面板。我想将一个 iframe 拖到另一个上，并且在放置操作时 iframe 应该交换位置。例如，将 iframe 1 拖到 iframe 2 上，应该会导致 iframe 2 显示在 iframe 1 先前占用的空间中。关于如何实现此功能的任何指针？我对如何将拖放事件与 iframe 相关联一无所知。
问问题
948 次
2 回答
1
如果可能的话，我建议使用divelements 而不是iframe. iframe 通常包含单独的 HTML 页面，因此很难让它们以您正在寻找的方式进行交互。尝试检查 jQuery UI 的 droppable 操作。http://jqueryui.com/demos/droppable/
于 2012-08-01T14:23:02.457 回答
0
我找到了一个使用 iframe 和 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 回答