jQuery: slideUp () delay () затем slideDown; не работает - PullRequest
Новая
       31

jQuery: slideUp () delay () затем slideDown; не работает

9 голосов
/ 30 сентября 2010

Я пытаюсь реализовать очень простой элемент уведомления нижнего колонтитула, который на мгновение скользит вверх, а затем скользит вниз.Я использую: 

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

Однако, когда вы нажимаете кнопку, она задерживается на 1500 мс, затем скользит вверх и никогда не скользит вниз.

http://jsfiddle.net/jrMH3/17/

1 Ответ

23 голосов
/ 30 сентября 2010

То, что вы на самом деле хотите, это: 

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

Вы можете проверить это здесь . Хотя это выглядит немного задом наперед с учетом вашего макета, .slideDown() предназначен для , показывая элемент, а .slideUp() для скрывает элемент ... хотя с учетом вашего CSS он на самом деле увеличивается, когда отображается.

Кроме того, вам не нужны теги <html> и <body> при редактировании скрипта, они уже включены ... любой контент в html-кадре попадет внутрь <body>.

...