featherlight.js从iFrame触发关闭

时间:2016-06-30 20:16:46

标签: javascript iframe featherlight.js

我使用featherlight通过iFrame打开图片上传/调整大小/裁剪页面。

我想在用户点击保存(iFrame内)后立即拨打closeTrigger,这样他们就不需要手动关闭它了

我对此感到有点困惑。我已经检查了min.js但找不到任何内容,而且我也没有找到与关闭按钮关联的Javascript操作...

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

这也有效:parent.window.$.featherlight.current().close();

答案 1 :(得分:1)

我在这里找到了答案 How do I remove iframe within itself by using javascript

iFrame(完成eveything之后):

<script>parent.window.postMessage("closetheiframe", "*");</script>

ParentWindow:

<script>
function receiveMessage(event){
   if (event.data=="closetheiframe"){
  var current = $.featherlight.current();
 current.close();
   }
}
 window.addEventListener("message", receiveMessage, false);

理论上,如果featherlight.current工作正常,这也可以帮助我在页面上,我使用不同的iFrame来打开和关闭(但不是同时)