2014-04-09 27 views
9

Quando un utente apre questa modale, può vedere le informazioni del carrello e cancellare elementi (altra jquery) sul modale.Aggiorna pagina padre dopo la chiusura modale

Ma come posso aggiornare la pagina padre dopo che un utente ha chiuso la modale?

Ho letto diversi post ma non ho trovato alcuna informazione utile per la mia situazione. So che ho bisogno di usare qualcosa come window.location.reload(true); Dove dovrei metterlo nel codice?

$(function(){ 

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

     $('body').loadmodal({ 

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


    }); 
}); 

Aggiornamento

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

}); 

risposta

11

Prova questo.

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

Per quanto posso dire, jquery.loadmodal.js ha bootstrap.js come una dipendenza, quindi i suoi modali sono ancora oggetto di bootstrap metodi di.

In questo caso, si può semplicemente associare a hidden.bs.modal

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

Grazie. Vuoi dire che ho bisogno di scrivere un nuovo jquery? Oppure metti quei codici all'interno del mio attuale Jquery – user3369592

+0

No, ho appena sostituito '# yourModal' nel mio codice con l'ID del modal nel tuo codice. Sembra che tu lo chiami '# cart', quindi' $ ('# cart'). On ... ' – couzzi

+0

Grazie. Ho fatto dei cambiamenti ma sembra che ancora non funzioni. Ho aggiornato il mio post. puoi guardarlo? – user3369592

11

Presumo che si sta utilizzando 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); 
}) 
+1

Grazie. Sto usando bootstrape. Ti ho inserito i codici nel mio jquery corrente. Quando chiudo la modale, la pagina padre non si aggiorna ancora. – user3369592

+0

quale versione di BS. E dove hai messo il codice ... – solvease

+0

Inoltre vorrebbe chiedere di vedere la console può vedere qualsiasi errore. – solvease

0

Dove si apre la finestra nyroModal, basta aggiungere questa funzione di callback:

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