web-dev-qa-db-de.com

Aktualisieren Sie die übergeordnete Seite nach dem Schließen von Modal

Wenn ein Benutzer dieses Modal öffnet, kann er seine Warenkorbinformationen sehen und Elemente (andere Jquery) auf dem Modal löschen. 

Wie kann ich jedoch die übergeordnete Seite aktualisieren, nachdem ein Benutzer das Modal geschlossen hat? 

Ich habe mehrere Beiträge gelesen, aber keine nützlichen Informationen für meine Situation gefunden. Ich weiß, dass ich etwas wie window.location.reload(true); verwenden muss. Wo muss ich das in den Code einfügen?

$(function(){

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

        $('body').loadmodal({

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


    });
});

Update 

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

});
javascriptjqueryajaxdjangomodal-dialog
11
user3369592

Versuche dies.

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

Ich gehe davon aus, dass Sie Twitter Bootstrap verwenden 

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

Soweit ich das beurteilen kann, hat jquery.loadmodal.jsbootstrap.js als Abhängigkeit, so dass seine Modale weiterhin den Bootstrap-Methoden unterliegen. 

In diesem Fall können Sie einfach an hidden.bs.modal binden.

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

Fügen Sie an der Stelle, an der Sie das NyroModal-Fenster öffnen, die folgende Callback-Funktion hinzu:

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