web-dev-qa-db-fra.com

Actualiser la page parent après la fermeture de modal

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);
    })

});
11
user3369592

Essaye ça.

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

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);
})
12
solvease

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();
});
...
4
couzzi

Lorsque vous ouvrez la fenêtre nyroModal, ajoutez simplement cette fonction de rappel:

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