我在index.php中有以下代码
<div id="image_group_1">
<img src="/images/image.jpg" id="image1" data-temp="Some useful text">
</div>
<div id="image_group_2">
</div>
我有一个在Fancybox中打开的iframe,我希望在此iframe中使用触发器将img元素从image_group_1移动到image_group_2
现在,如果在主文档中触发了这个,那么这将是
的问题$("#image1").appendTo("#image_group_2");
但是,由于触发器位于iframe中,因此我尝试了以下操作
var moveFrom = window.parent.$("#image1");
var moveTo = window.parent.$("#image_group_2");
moveFrom.appendTo(moveTo);
有关如何获得所需结果的任何建议吗?
答案 0 :(得分:1)
假设父窗口和iframe内容位于同一个域中,您可以尝试使用window.parent
作为上下文选择器。试试这个:
var moveFrom = $("#image1", window.parent.document);
var moveTo = $("#image_group_2", window.parent.document);
moveFrom.appendTo(moveTo);
如果域名不同,那么您将无法使用jQuery或本机JS实现此目的。