关闭模态后刷新父页面
当用户打开此模式时,他们可以看到他们的购物车信息并删除模式上的项目(其他jquery)。
但是,如何在用户关闭模式后刷新父页面?
我看过几篇post,但没有找到有关我情况的有用信息。 我知道我需要使用像window.location.reload(true);
这样的东西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); }) });
试试这个。
$("#cart").on('hide', function () { window.location.reload(); });
我假设您正在使用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); })
据我所知, jquery.loadmodal.js
将bootstrap.js
作为依赖项,因此其模态仍然受制于bootstrap的方法。
在这种情况下,您可以简单地绑定到hidden.bs.modal
... $('#yourModal').on('hidden.bs.modal', function () { location.reload(); }); ...
在打开nyroModal窗口的地方,只需添加此回调函数:
callbacks: { afterClose: function() { window.location.reload(); } }