使用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即可。