Domanda

Sto cercando di fare una specie di mago con thickbox, e funziona bene quando si apre per la prima volta. Quando scatto prossimo vorrei chiudere il div ho aperto e aprire una nuova in thickbox, ma come si fa? Ho provato il seguente codice, ma solo chiude la thickbox e non si apre di nuovo:

tb_show("", "#TB_inline?height=280&width=620&inlineId=divStart", "");
tb_remove();
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");
È stato utile?

Soluzione

È possibile utilizzare questo codice:

// dont use tb_remove () la funzione

$("#TB_window").remove();
$("body").append("<div id='TB_window'></div>");
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

Se si utilizza iframe per il caricamento di contenuti:

var p = parent;
p.$("#TB_window").remove();
p.$("body").append("<div id='TB_window'></div>");
p.tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

Altri suggerimenti

Sono venuto a questa pagina risposta, e provato la soluzione qui proposta. Non ha funzionato. Ho usato uno dei miei vecchi trucchi, e come quasi ogni volta, ha funzionato. Anche se questo post è più di 3 anni, ho voluto condividere il trucco. Il trucco è quello di utilizzare window.setTimeout per ritardare la chiamata al successivo tb_show ().

window.setTimeout(function(){
    tb_show("", "#TB_inline?height=300&width=300&inlineId=confirmDiv&modal=true");
    $("#TB_window").css({'border':'0px', 'background':'none'});
    },300); 

Si prega di notare anche altri due trucchi che ho usato:

  1. ho voluto mostrare un modale popup.The HTML è stato in un div con id "confirmDiv". Ma stava mostrando la solita thickbox con il titolo e imbottitura. Così la seconda linea rimuove il colore del bordo e lo sfondo da TB_Window, che mostra solo il codice HTML popup.

  2. Ho anche usato una larghezza altezza generale della 300px, anche se il mio pop-up è stato solo 250px. Questo consentirà di evitare le barre di scorrimento, anche se il contenuto è un po 'più grande. Il TB_Window non mostra comunque, quindi non importa.

Spero che questo aiuti qualcuno.

ho trovato la risposta me stesso. Ho aperto un div che contiene tutti i passaggi, e il giusto tramite javascript deciso cosa div da visualizzare.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top