Question

当用户打开此模式时，他们可以在模态上看到他们的购物车信息并删除项目（其他jquery）。

但是如何在用户关闭模式后刷新父页面？

我看过几篇帖子，但没有找到有关我情况的有用信息。我知道我需要使用像window.location.reload(true);这样的东西我应该把它放在代码中吗？

$(function(){

    $('#main').off('click.login').on('click.login',function(){

        $('body').loadmodal({

            id:'cart',
            title:'Shopping Cart',
            url:'/cartDisplay/',
            width: '550px',
        }); 


    });
});

更新

    $(function(){
    $('#main').off('click.login').on('click.login',function(){

        $('body').loadmodal({

            id:'cart',
            title:'Shopping Cart',
            url:'/polls/cartDisplay/',
            width: '550px',

        }); 


    });

    $('#cart').on('hidden', function () {
        window.location.reload(true);
    })

});

Answer 1

试试这个。

  $("#cart").on('hide', function () {
        window.location.reload();
    });

Answer 2

我假设您使用的是Twitter Bootstrap

Bootstrap 3

$('#cart').on('hidden.bs.modal', function () {
    window.location.reload(true);
})

Bootstrap 2.3.2

$('#cart').on('hidden', function () {
   window.location.reload(true);
})

Answer 3

据我所知，jquery.loadmodal.js将bootstrap.js作为依赖项，因此其模态仍受制于bootstrap的方法。

在这种情况下，您只需绑定到hidden.bs.modal

即可

...
$('#yourModal').on('hidden.bs.modal', function () {
    location.reload();
});
...

Answer 4

在打开nyroModal窗口的地方，只需添加此回调函数：

 callbacks: {
       afterClose: function() {
              window.location.reload();
            }
        }

关闭模态后刷新父页面

4 个答案: