我有
elm.appendTo( ‘#涡卷’);
elm.appendTo( ‘#涡卷’);
其中,elm是iframe中点击的图像的jquery对象.我想将该图像附加到< div id =“wrap”>其中#wrap是页面外部iframe的一个div.所以基本上当我双击iframe中的图像时,我希望该图像附加到< body>外部iframe. body和iframe链接都在同一个域上.
解决方法
只要该框架及其父层位于相同的域.见
SOP
从iframe中执行以下行之一(如果父文档在顶层窗口中,父级可以由顶部替换):
//If the parent document doesn't have JQuery: elm.appendTo(parent.document.getElementById("wrap")); //Only if JQuery is included at the parent elm.appendTo(parent.$("#wrap")); parent.$("#wrap").append(elm);
如果要从框架的上下文中获取元素,请使用以下任一项:
假设#elm是您图像的ID.
// If JQuery is defined at the frame AND the parent (current document) $("#wrap").append(frames[0].$("#elm")); frames[0].$("#elm").appendTo($("#wrap"));
帧[0]表示当前文档中的第一帧.如果您在框架上设置了name属性,那么也可以使用frames.frame_name或frames [“frame_name”].
最终的例子:将一个点击事件监听器添加到榆树JQuery(image)对象中:
elm.click(function(){ parent.$("#wrap").append(this); })
原文地址:https://www.jb51.cc/jquery/176460.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。