Встрял с пониманием queue:false в методе animate.
Пример с офф-сайта jquery, свойство употребляется для первой анимации. Не понятно почему queue:false включенная в первой анимации, делает все анимации очереди одновременными. Зачем его употребление сделали в конкретной анимации, когда он действует на все сразу.
http://api.jquery.com/animate/
|
Цитата:
|
|
queue: A Boolean indicating whether to place the animation in the effects queue. If false, the animation will begin immediately. As of jQuery 1.7, the queue option can also accept a string, in which case the animation is added to the queue represented by that string.
|
Тут написано, булевое значение определяющее место аниации в очереди эффектов. Если false, анимаци
я начнется незамедлительно. С чего бы она начиналась по другому, когда она и так первой стоит? И речь идет о анимации, а не анимациях. С чего тогда это влият на все анимации очереди.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("#go1").click(function(){
$("#block1").animate(
{
width: "90%"
},
{
queue: false,
duration: 3000
}
).animate(
{
fontSize: "24px"
},
1500
)
.animate(
{
borderRightWidth: "15px"
},
1500
);
});
});
</script>
<style>
div {
background-color: #bca;
width: 200px;
height: 1.1em;
text-align: center;
border: 2px solid green;
margin: 3px;
font-size: 14px;
}
button {
font-size: 14px;
}
</style>
</head>
<body>
<button id="go1">Animate Block1</button>
<div id="block1">Block1</div>
</body>
</html>