| kotmatroskin |
16.01.2009 15:28 |
Синхронность выполнения анимации и append
Суть такова.
Есть HTML:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="test.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="full_view">
Goodbye world!
</div>
<a href="#" class="rel">Change</a>
</body></html>
Есть скртип:
$(document).ready(function() {
$("a.rel").bind("click", function() {
$("#full_view").fadeOut(1000);
$("#full_view").append("Hello world!");
$("#full_view").fadeIn(1000);
return false;});
});
По идее при клике на ссылку с class="rel" div с id full_view сначала медленно исчезнет, потом в него добавится Hello world!, а потом только он появится. На деле всё не так - Hello world добавляется сразу после нажатия, а потом уже с ним идёт исчезновение и появление.
Как так?
Пробовал уже и в fadeOut приписывать callback функцию и в ней добавлять текст, а потом проявлять - то же самое получается. |