jQuery - .fadeIn () и .fadeOut () - обмен DIV - PullRequest
Новая
       24

jQuery - .fadeIn () и .fadeOut () - обмен DIV

0 голосов
/ 26 июля 2010

У меня есть 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(), но это для другого поста, который я полагаю.

1 Ответ

0 голосов
/ 26 июля 2010

но я все еще вижу вспышку старого контента к тому времени, когда новый контент исчезает!

Это, скорее всего, из-за обратного вызова на fadeOut, попробуйте это вместо:

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