在简单模式窗口关闭时刷新页面

Question

我正在使用eric martin的简单模式窗口。 只需知道如何单击关闭按钮即可刷新父页面。

这是我显示弹出窗口的代码，

$('.btn').click(function(){
    $('#myModalDiv').modal({ dataCss: { width: "300px" }});
    return false;
});

我尝试给onClose事件，即datacss之后的模式下的（onClose：window.location.reload（）），它不起作用。 我可能要在其他地方声明onClose事件吗？

谢谢，

Answer 1

假设您要使用以上元素来关闭模式，请尝试以下操作

$('.btn').click(function () {
    // I'm not mentioning the closing event of your modal, you've mention it before the below mentioned code
    window.top.location.reload(); // You magic code goes here!
});

Answer 2

截至SimpleModal的文档：

回调函数是使用JavaScript apply函数调用的。 发送一个参数，即对话框对象，其中包含叠加层，容器，数据和iframe对象。 此外，在回调内部，这将引用SimpleModal对象，该对象将允许您访问所有可用的模态元素和函数。

因此，当您执行onClose : window.location.reload() ，您并未将function传递给onClose事件，而是传递了通过调用location对象的reload方法传递的结果。

这应该做您想要的。

$('.btn').click(function(){
  $('#myModalDiv').modal({
    dataCss: { width: "300px" },
    onClose : function(dialog) {
      window.location.reload();
    }
  });
  return false;
});

希望能帮助到你。

Answer 3

只需尝试一下（ onClose:callback ）：

$('#myModalDiv').modal({
    dataCss: { width: "300px" },
    onClose: function(dialog){
        location.reload(true);
    }
});

有关更多信息，请在项目页面上查看CALLBACKS 。

Answer 4

尝试

$("#myModalDiv").modal({onClose: function () {
    $.modal.close();
    location.reload(true);
}});