删除iframe中的元素，否则还原

编辑：1

这是drag.html（主页） –

          .drag {padding:10px;border:1px solid blue;margin:20px;}   $(function() { $( ".drag" ).draggable({ helper: "clone",iframeFix: true, revert : 'invalid',cursor: "move"}); $('#frame').load(function(){ $('#frame').contents().find('#sortable3').droppable({ accept: ".drag", drop: function( event, ui ) { var html = '
'+ ui.draggable.html() + '
'; //alert(html); $(this).append(html); } }); }); });    
 Drag 1 
 
 Drag 2 
 
 Drag 3 
 
 Drag 4 
 




  
   

这是iframe代码 –

           .droptrue {padding:5px;margin:5px 0px;border:1px solid green;}    $(function() { $( "#sortable3" ).sortable({ placeholder: "ui-state-highlight" }); $( ".droptrue" ).disableSelection(); });   
 
   

而且我知道没有iframe，我可以轻松地实现这一点，但是对于我目前的项目，我无法消除iframe。 所以，请帮帮我。

在这里查看演示

红色框位于iframe内部，如果拖放元素只是在红色框内，如果工作正常。但是如果你将它们放在框的底部，它会恢复原状。

此外，如果您将拖动框放在iframe（iframe上方）附近，也会成功删除它。

我想要的是，只有当红盒子里面的蓝色盒子还原后，它才会被丢弃。

检查一下

使用iframe时，可放置区域存在问题但无法找到解决方案。

提前致谢！