0

Как добиться очереди, чтобы test не аппендился во время анимации при множественном быстром клике?

​<div class="test">HIDE/SHOW</div><span></span>​​​​​​​​​​​​​​​​​​​​​​​<button>button</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$('button').click(function(){

    $('div').hide('slow');

    $('span').append('test <br />');

    $('div').queue(function(){

        $(this).show('slow');

    });

    $('div').dequeue();

});

css

​span {
 display: block;
position: absolute; top: 50px;
 width: 300px; height: 300px; background: #F7F7F7;   
}
button {
 position: absolute; z-index: 2;
bottom: 0;  
}

Весь прикол в том что когда много раз кликаешь кнопку, то в span аппендится текст, когда идет анимация, как это запретить, используя queue, а не флаги?

test на jsfiddle

1 ответ 1

2

Занести всё в queue.

Update. Добавил блокирование кнопки.

3
  • так оно выполняется, только в очереди. По моему таки флаги нужно ставить, мне нужно чтобы оно вообще не выполнялось. А только когда выполнилось уже можно было нажимать на кнопку.
    – Smash
    25 дек 2012 в 10:32
  • тут только флагами.
    – Smash
    25 дек 2012 в 10:37
  • @Maris, посмотрите мой update. 25 дек 2012 в 10:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.