Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / queue:false в методе animate / 2 сообщений из 2, страница 1 из 1
30.08.2012, 17:15:54
    #37937577
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
queue:false в методе animate
Встрял с пониманием 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, анимаци я начнется незамедлительно. С чего бы она начиналась по другому, когда она и так первой стоит? И речь идет о анимации, а не анимациях. С чего тогда это влият на все анимации очереди.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
<!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>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.08.2012, 14:43:41
    #37938871
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
queue:false в методе animate
Разобрался. Только сейчас заметил, что последнее действие(наращивание правого бордера) происходит последовательно, в конце, а не вместе с увеличением шрифта.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / queue:false в методе animate / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 497ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449401]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 185ms
get topic data:
 13ms
get forum data:
 8ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 214ms
total:  497ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]