使用Jquery淡出頁面加載下一頁

Question

正如標題中指出的，我試圖弄清楚如何淡出當前頁面並加載下一頁。我設法做到這一點，但在新頁面鏈接觸發之前，淡出沒有完成。我要如何更改我的代碼才能在下一頁之前完成淡出？謝謝你的幫助！

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

僅供參考：#black是全屏黑色css。

Answer 1

我可能只是在#target元素的容器上做一個jQuery .fadeOut()，然後在fadeOut調用的回調中轉到下一頁。

事情是這樣的：

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

您可以找到的文檔jQuery的fadeOut方法here。或者，如果您淡出整個頁面，只需將#target-container替換爲頁面的body即可。