Come utilizzare l'effetto diapositiva dell'interfaccia utente JQuery per scorrere senza interruzioni un div e scorrere in un altro div?

Question

Sto usando

$("#viewPort").effect("slide", hideoptions, 1000, callback) 

a scivolare fuori il div "viewport", e nella funzione di callback() Sto scorrevole nella nuova div nel display chiamando

$("#viewPort2").effect("slide", showoptions, 1000) 

var hideoptions = { "direction" : "left", "mode" : "hide"; 

var showoptions = {"direction" : "right","mode" : "show"}; 

Il problema è che non è una transizione senza soluzione di continuità: prima il contenuto scivola lasciando un'area vuota, quindi il nuovo contenuto scorre.

C'è un modo per evitare la visualizzazione vuota?

Answer 1

È perché stai chiamando l'effetto su # viewPort2 nel callback con l'effetto di #viewPort. Ciò significa che si verificherà solo una volta che l'effetto su #viewPort è terminato. Prova a chiamare l'effetto sulla # viewPort2 subito dopo quello sul #viewPort, ad esempio:

$("#viewPort").effect("slide", hideoptions, 1000); //notice, no callback 
$("#viewPort2").effect("slide", showoptions, 1000);