featherlight.js 从 iFrame 触发关闭

Question

我使用 featherlight 通过 iFrame 打开图像 upload/resize/cropping 页面。

我想在用户点击保存（在 iFrame 中）时立即调用 closeTrigger，这样他们就不需要手动关闭它

我对此有点困惑。我检查了 min.js 但找不到任何东西，而且我也没有找到与关闭按钮相关的 Javascript 操作...

有什么想法吗？

Answer 1

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

iFrame（完成所有操作后）：

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

父窗口：

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

理论上，如果 featherlight.current 工作正常，这对我在一个页面上也有帮助，我在该页面上使用不同的 iFrame 打开和关闭（虽然不是同时）

Answer 2

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

featherlight.js 从 iFrame 触发关闭

featherlight.js trigger close from the iFrame

javascript

iframe

featherlight.js