如何从 HTML 外部应用拖放到 iframe 中？答案

【问题标题】：How to apply drag and drop in iframe from outside HTML?如何从 HTML 外部应用拖放到 iframe 中？
【发布时间】：2011-07-19 13:54:28
【问题描述】：

假设我有以下 HTML 文件：

** main.html **

<html>
<body>
<ul>
<li>Element to drag</li>
</ul>

<iframe src="demo.html">
</iframe>
</body>
</html>

demo.html（iframe 代码）

<body class="iframe">

</body>

我正在使用 jquery UI 进行拖放 (Link) 并假设所有的javascript文件都包含在main.html和demo.html中

任何帮助都会非常有帮助！谢谢

【问题讨论】：

【解决方案1】：

我遇到了同样的问题并设法这样做。

通常考虑主文件中的可拖动元素，并参考 iframe 可拖放元素

$( 'your-iframe' ).contents().find( 'elments-you-want-droppable' ).droppable({

    // droppable settings here as normal

});

【讨论】：