使用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

我可能只是在.fadeOut()元素的容器上执行jQuery #target，然后转到fadeOut调用回调中的下一页。

这样的事情：

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

您可以找到jQuery fadeOut方法here的文档。

或者，如果您淡出整个页面，只需将#target-container替换为页面的body。