Ausblenden der Seite nächste Seite mit Jquery

Question

Wie bereits im Titel erwähnt, versuche ich herauszufinden, wie ich meine aktuelle Seite ausblenden und die nächste Seite laden kann. Ich habe es geschafft, aber das Ausblenden wird nicht abgeschlossen, bevor der neue Seitenlink ausgelöst wird. Wie würde ich meinen Code ändern, um die Ausblendung abzuschließen, bevor ich zur nächsten Seite gehe? Danke für jede Hilfe!

$("#droppable").droppable({ 
     drop: function(event, ui) { 
     $('#target').hide() 
     $('#target2').hide() 
     $('#target2').hide() 
     $('#black').fadeIn() 
     $(location).attr('href', '/dreamjob').delay(1200) 
     } 
    }); 

FYI: Der #black ist Vollbild schwarz css.

Answer 1

Ich würde wahrscheinlich nur eine jQuery .fadeOut() auf den Container der #target Elemente gehen und dann auf die nächste Seite im Callback der fadeOut Aufruf gehen.

Etwas wie folgt aus:

$('#target-container').fadeOut('slow', function() { 
    $(location).attr('href', '/dreamjob') 
}); 

Sie können die Dokumentation für die here Methode jQuery fadeOut finden. Wenn Sie die gesamte Seite ausgeblendet haben, ersetzen Sie einfach die #target-container durch die body der Seite.