Jquery iframe中的拖放第二次停止工作

Jquery iframe中的拖放第二次停止工作,jquery,iframe,draggable,droppable,Jquery,Iframe,Draggable,Droppable,问题:我正在处理单页web门户。 主页有iframe。 现在,每个文档都将加载到iframe中 Page1.aspx是具有iframe: [1] 在iframe中加载Page2.aspx时 第一次绑定可拖放和可拖放事件时,它工作正常 [2] 现在我正在重新加载Page2.aspx调用函数来绑定这两个事件。 这一次,Dragable Dropable停止工作。重新加载iframe后,Dropable绑定到的容器不再存在。这似乎导致了IE中的错误。要修复此问题,您需要告诉可拖放插件容器不再是拖放目标

问题:我正在处理单页web门户。 主页有iframe。 现在,每个文档都将加载到iframe中

Page1.aspx是具有iframe:

[1] 在iframe中加载Page2.aspx时 第一次绑定可拖放和可拖放事件时,它工作正常

[2] 现在我正在重新加载Page2.aspx调用函数来绑定这两个事件。
这一次,Dragable Dropable停止工作。

重新加载iframe后,Dropable绑定到的容器不再存在。这似乎导致了IE中的错误。要修复此问题,您需要告诉可拖放插件容器不再是拖放目标

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

下面是一个正在工作的JSFIDLE:

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