jQuery Wie slideUp mit Verzögerung?

Ich benutze folgende jQuery. Eine div-box gleitet nach oben, und dann nach 5 Sekunden ausgeblendet. Gibt es eine Möglichkeit, dies zu erreichen, wie es dauert eine lange Zeit für die box erscheinen.

$(document).ready(function() {
  $("#load_limit").slideUp(500); //have tried "fast" also
  $("#load_limit").delay(5000);
  $("#load_limit").slideDown(500);
});
Sind Sie wollen das delay kürzer sein?
Der code, den Sie geschrieben, sollte aber funktionieren. Welche Probleme haben Sie?
Was ist falsch mit Ihrem code? Ist es, dass der div-dauert eine lange Zeit zu erscheinen, und der jQuery ist brennen aus, bevor es lädt?
Es dauert eine sehr lange Zeit für die box erscheinen. tiny.cc/8x7y1
Dann verringern Sie die Verzögerung...

InformationsquelleAutor TheBlackBenzKid | 2012-02-08

  1. 10

    Können Sie die Verzögerung in der callback-Funktion:

    $(document).ready(function() {
  $("#load_limit").slideUp(500, function() {
     $("#load_limit").delay(5000).slideDown(500);
  }); 
});

    oder Sie können nur vereinfacht werden:

    $(document).ready(function() {
  $("#load_limit").slideUp(500)
                  .delay(5000)
                  .slideDown(500);
});

    Code: http://jsfiddle.net/xjEy5/2/

    Es gibt keinen Grund, das zu tun. delay warten slideUp zu vervollständigen. Hinzufügen eines zusätzlichen 500 ms Verzögerung eine zusätzliche 500 ms.
    Yep, du hast Recht. Ich habe extra entfernt timing.

    InformationsquelleAutor Samich

  2. 1

    Finden Sie die div, warten für n Sekunden und dann nehmen Sie die n Millisekunden übergangszeit zu schieben.

    $("#div").delay(5000).slideUp(1000);

    InformationsquelleAutor anonym

  3. 0

    Was genau ist falsch mit dem code hast du oben? Es sieht funktional (außer Sie haben slideDown/slideUp und kein fadeOut, wie Sie in den Anweisungen angezeigt wird)

    Hier ist ein alternativer Weg, um den gleichen Effekt erzielen:

    jQuery(function($) { //same as $(document).ready() but no conflicts :)

   $('#load_limit').slideDown(500, function() {
      var self = this;
      setTimeout(function() {
         $(self).fadeOut(500);
      }, 5000);
   });

});
    Was bedeutet das erreichen?

    InformationsquelleAutor Kato

  4. 0

    Reduzieren Sie die Zeit in Ihrem .slideUp() zu dem, was Sie brauchen. Hier ist ein Beispiel:

    $("#load_limit").slideUp(50).delay(5000).slideDown(50);

    Unter 50ms Sie nicht wirklich sehen, die .slideUp() Wirkung, wenn der Inhalt die Höhe klein ist. Das ist, warum es besser ist, verwenden Sie .hide() statt.

    Wie würde ich verstecken -> Beispiel bitte?
    $("#load_limit").verstecken().delay(5000).show();

    InformationsquelleAutor Uzbekjon

Schreibe einen Kommentar