jQuery: Slideup () Delay () ثم Slidedown ؛ لا يعمل

https://stackoverflow.com/questions/3833076

26-09-2019
|

سؤال

أحاول تنفيذ عنصر إخطار تذييل بسيط للغاية للانزلاق للحظة ، ثم التراجع. أنا استخدم:

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

ومع ذلك ، عند النقر فوق الزر ، فإنه يتخلف عن 1500 مللي ثانية ثم ينزلق ولا ينزلق أبدًا.

http://jsfiddle.net/jrmh3/17/

المحلول

ما تريده بالفعل هو:

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

يمكنك اختباره هنا. على الرغم من أنه يبدو إلى الوراء قليلاً بالنظر إلى تخطيطك ، .slideDown() هو ل يظهر عنصر ، و .slideUp() هو ل إخفاء عنصر ... على الرغم من أنه بالنظر إلى CSS الخاص بك ، إلا أنه يرتفع فعليًا عند عرضه.

كما جانبا ، لا تحتاج <html> و <body> العلامات عند تحرير الكمان ، يتم تضمينها بالفعل ... أي محتوى في إطار HTML سوف يذهب داخل <body>.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow