javascript - jQuery如何实现淡入淡出？

Question

使用 jQuery 淡入淡出，我希望当前页面在导航栏上的链接被选中时淡出，然后我希望新页面淡入。我无法获得预期的效果。

这是我的代码:

$(document).ready(function() {
  $('body').css('display', 'none');
  $('body').fadeIn(2000);

  $('a').click(function() {
    event.preventDefault();
    newLocation = this.href;
    $('body').fadeOut(2000, newpage);
  });

  function newpage() {
    window.location = newLocation;
  }
});

Answer 1

试试will的建议。实现此目的的最佳方法是防止整个页面重新加载。使用 Ajax 或 .load() 函数! "描述:从服务器加载数据，并将返回的HTML放入匹配的元素中。"加载内容后，将其淡入。