在 iframe 中拖放第二次停止工作答案

【问题标题】：dragging dropping in iframe stopped working second time在 iframe 中拖放第二次停止工作
【发布时间】：2015-02-19 10:53:31
【问题描述】：

问题：我正在开发单页门户网站。主页有 iframe。现在每个文档都将加载到 iframe 中。

Page1.aspx 是具有 iframe 的 master：

[1] 当 Page2.aspx 在 iframe 中加载时我第一次绑定 droppable 和 draggable 事件时它可以正常工作。

[2] 现在我正在重新加载 Page2.aspx 调用函数来绑定这两个事件。这次可拖动的 droppable 停止工作了。

【问题讨论】：

请分享一些代码
调用两个函数menuEvents()绑定父菜单事件。加载后从 Page2.aspx 调用 bindDrop() 以绑定 droppable 事件。
请参考此代码：jsfiddle.net/teligaurav/rz1qoj76/3 我的问题是通过单击按钮加载文档后。当我重新加载子文档时，drad drop 第二次在 IE 中停止工作。我正在使用 IE10
试试这个小提琴 [1] [1]: jsfiddle.net/jzo5et11/9

【解决方案1】：

重新加载 iframe 后，droppable 绑定到的容器不再存在。这似乎导致 IE 中的错误。要解决此问题，您需要告诉可放置插件该容器不再是放置目标。

$( "iframe" ).contents().find( "#iframe_container" ).droppable('destroy');

这是一个有效的 jsfiddle：http://jsfiddle.net/jzo5et11/12/

【讨论】：