Lorsqu'un utilisateur ouvre ce modal, il peut voir les informations de son panier et supprimer des articles (autre jquery) sur le modal.
Mais comment puis-je actualiser la page parent après qu'un utilisateur ferme le modal?
J'ai lu plusieurs articles mais je n'ai trouvé aucune information utile à ma situation. Je sais que je dois utiliser quelque chose comme window.location.reload(true);
Où devrais-je mettre cela dans le code?
$(function(){
$('#main').off('click.login').on('click.login',function(){
$('body').loadmodal({
id:'cart',
title:'Shopping Cart',
url:'/cartDisplay/',
width: '550px',
});
});
});
Mettre à jour
$(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);
})
});
Essaye ça.
$("#cart").on('hide', function () {
window.location.reload();
});
Je suppose que vous utilisez 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);
})
Autant que je sache, jquery.loadmodal.js
a bootstrap.js
en tant que dépendance, de sorte que ses modaux sont toujours soumis aux méthodes de bootstrap.
Dans ce cas, vous pouvez simplement vous lier à hidden.bs.modal
...
$('#yourModal').on('hidden.bs.modal', function () {
location.reload();
});
...
Lorsque vous ouvrez la fenêtre nyroModal, ajoutez simplement cette fonction de rappel:
callbacks: {
afterClose: function() {
window.location.reload();
}
}