我有
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);
})
