javascript - 在灯箱按钮中使用 Javascript

Question

我正在寻找一种在提交信息后关闭灯箱窗口的方法。

现在，如果这还不够；我还希望有一个灯箱刷新它的父页面。

既然你知道我有多需要，我就展示一下我现在拥有的东西。

我的更新查询按钮的 JavaScript：

<script type='text/javascript'>
function close_and_refresh(){
    //Reload The Parent Page
    opener.location.reload();
    //And then Close the Entry Page
    close();
}
</script>

我分配的按钮：

<input type="submit" value="Update" onclick="close_and_refresh();" />

我认为它会起作用，但事实证明不是。如果有人知道这将如何实现，那就太好了。

Answer 1

更改输入类型提交到输入类型按钮

<input type="button" value="Update" onclick="close_and_refresh();" />

Answer 2

提交表单后，在 litebox iframe 中，您可以让 iframed 页面写出一些调用父文档中函数的 javascript。

一个非常基本的设置是这样的：

在父 javascripts 中：

<script type="text/javascript">
    function closeLitebox() {
        // close your litebox
    }
</script>

在iframe页面中，提交成功后：

<script type="text/javascript">
    parent.closeLitebox();
</script>

在 Google 上搜索类似“从 iframe 调用父级”之类的内容，有大量可用示例......