javascript - Div 内容淡入淡出

Question

如果这个问题之前已经发布过一次，我深表歉意，我是 jquery 的菜鸟，但似乎我有一部分工作。

我的代码部分工作，但是当您访问 krissales.com 时，如果您明白我的意思，它会加载页面两次。我只希望它加载一次，淡入和淡出一次，但是它会加载两次。

再次，如果这已经发布，我深表歉意。我很感激你的时间。谢谢你。

这是我的代码：

function page_load($href) {
  if($href != undefined && $href.substring(0, 2) == '#/') {
    // replace body the #content with loaded html
    $('#content').load($href.substring(2)); 
    $('#content').fadeOut('slow', function() {   
      $('#content').fadeIn('slow');
    });
  }
}

完整的核心位于：

http://www.krissales.com/_lib/_js/core.js

Answer 1

你正在做一个缓慢的淡出，然后在回调中淡入。您可以尝试在 load() 方法回调中隐藏 #content，然后链接一个 fadeIn() 作为最终方法。例如：

function page_load($href) {
  if($href != undefined && $href.substring(0, 2) == '#/') {
    // replace body the #content with loaded html
    $('#content').load($href.substring(2), function () {
      $('#content').hide().fadeIn('slow');
    });
  }
}