Question

我正在使用eric martin的简单模态窗口。只需要知道我们如何在点击关闭按钮时刷新父页面。

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

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

我尝试在datacss之后给出onClose事件，即（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's doc：

使用JavaScript apply函数调用回调函数。发送一个参数，即对话框对象，其中包含overlay，container，data和iframe对象。另外，在回调中，这将引用SimpleModal对象，它允许您访问所有可用的模态元素和函数。

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

这应该做你想要的。

$('.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);
}});

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

4 个答案: