javascript - 使用 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()，然后在 的回调中转到下一页>淡出调用。

是这样的:

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

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

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