在父框架和子框架iframe之间拖放元素

ksb*_*ksb 9 jquery drag-and-drop droppable jquery-ui-sortable jquery-ui-draggable

我试图使用jQuery拖放父框架和iframe之间的元素.我在父框架中有一个面板,其中包含一些可以拖放到子框架上的可拖动项目.我试图搜索很多,但找不到多少......

我尝试通过在子帧中附加元素然后尝试以编程方式触发新插入元素上的draggable来解决它,但我也被卡在那里.找不到触发拖动功能的正确方法.(可拖动元素有一个帮助器.当我通过触发"mousedown.draggable"触发拖动时,ui-draggable元素上的位置发生了变化,但我看不到帮助器.

谢谢!!

ksb*_*ksb 19

使用HTML5拖放API创建跨框架和跨浏览器实施. http://blog.stackhive.com/post/137799349684/building-a-seamless-drag-and-drop-interface

编辑 - 前一个链接无效(dockPHP被重新命名为StackHive)所以写了一个更完整的帖子,可以帮助创建一个史诗般的拖放界面.


小智 5

AFAIK,如果 iframe 来自不同的域,这不是以“通用”方式可行的(除非您控制两个 iframe),浏览器安全措施会阻止它,否则您可能会包装银行网站并窃取密码,例如,当您登录时在。

关于变通方法的一些信息:http : //softwareas.com/cross-domain-communication-with-iframes

如果您控制两个 iframe:

通过示例在 iframe 之间拖放:http : //www.dhtmlx.com/docs/products/dhtmlxTree/samples/05_drag_n_drop/06_pro_drag_frame.html

跨浏览器 HTML5 拖放:http : //www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/

另一个示例:http : //jqfaq.com/how-to-implement-drag-and-drop-between-iframes/