0

我有一个 HTML 页面，其中隐藏了一些 div display:none;，我希望能够将.fadeIn()其.fadeOut()替换为另一个。

我目前有一个应该做到这一点的链接设置，这是我正在尝试的 Javascript：

$('#footer a').click(function() {                   
    $('#content > *').fadeOut('fast', function(){
        $('#contact').fadeIn('slow');
    });
    return false;
});

这是 HTML 布局的一个快速概念：

<html>
<head></head>
<body>
<div id="content">
 <div id="contact"></div>
 <div id="about"></div>
 <div id="main"></div>
</div>
</body>
</html>

所以，我得到了.fadeIn()的回调.fadeOut()，但是当新内容淡出时，我仍然看到旧内容的闪光！更不用说其他各种奇怪的东西，比如 jQuery 没有应用于我插入的外部 HTML .load()，但我想那是另一篇文章。

4

1 回答 1

0

但是当新内容淡出时，我仍然看到旧内容的闪光！

这很可能是因为回调到fadeOut，请尝试以下操作：

$('#footer a').click(function() {                   
    $('#content > *').stop().fadeOut('fast');
    $('#contact').delay(1000).fadeIn('slow');
    return false;
});
于 2010-07-26T08:12:00.380 回答