Salve, sto uscendo pazzo su una probabile cavolata.
Sfruttando JQuery ho adattato un po gli esempi per creare un effetto slide per fare la transizione tra una div e l'altra nella pagina.
Il codice che segue mi crea 1 div e mi elimina la precedente all'infinito.
Il problema è che non riesco ad eliminare la vecchia div utilizzando il delay mentre con il remove secco funziona. Avete qualche idea?
Ecco il codice:
<script>
var indice_pagine=1;
var pagina_prec=0;
$("#go").click(function(){
$('.pagine').append("<div id='pagina"+ indice_pagine +"' class='pagina'>Pagina Attuale: "+ indice_pagine +"
Vecchia pagina: "+ pagina_prec +"</div>");
//$("#pagina"+pagina_prec).clone().attr("id","pagina "+indice_pagine).appendTo(".pagine");
//SLIDE ENTRATA DA DX DELLA PAGINA NUOVA
$("#pagina"+indice_pagine).animate({
opacity: 1,
marginLeft: "0",
}, 1000 ).queue(function() {
$(this).css({position: "relative"});
});
//$("#pagina"+pagina_prec).delay(1000).queue(functio n() { $(this).remove(); }) //CON QUESTO NON FUNZIONA
$("#pagina"+ pagina_prec).remove(); //CON QUESTO FUNZIONA
//incremento i contatori della pagina
pagina_prec=indice_pagine;
indice_pagine=indice_pagine+1;
});
</script>
<button id="go">SFOGLIA</button>
<div id="pagine" class="pagine"></div> //CONTENITORE PER LE PAGINE