mit jquery wie zu verwenden fadein, Verzögerung und dann fadeout-Problem

Muss ich etwas machen, fadeIn, dann bleiben Sie dort für eine Sekunde und dann ausblenden mit JQuery.

Ich hab das versucht aber es dosent Arbeit für einige Grund???

$('#' + uMessage).fadeIn("fast").fadeOut("slow");  //works
$('#' + uMessage).fadeIn("fast").delay(1000).fadeOut("slow");  //fails

irgendwelche Vorschläge, wo im gehend falsch?

Vielen Dank!!!

Wo scheitert es? Tut Sie überhaupt etwas?
ah, sorry, es tut fadeout, wenn ich die Verzögerung..
Rufen Sie .stop() oder deaktivieren Sie die Warteschlange in einige andere Weg?
.delay funktioniert nur mit jQuery 1.4 +. Könnte es das sein?
bitte seien Sie so freundlich und akzeptieren Sie die richtige Antwort, wenn Sie habe es gelöst?

InformationsquelleAutor James Radford | 2010-09-07

  1. 12

    Ihre zweite Ansatz sollte in Ordnung sein, eigentlich, entsprechend der docs (http://api.jquery.com/delay/)

    Einem anderen Ansatz kann die Verwendung der callback-Funktion die aufgerufen wird, wenn der fadeIn ist fertig: 

    $('#' + uMessage).fadeIn("fast", function() { $(this).delay(1000).fadeOut("slow"); });

    nur eine Vermutung

    Edit:

    Wenn Sie nicht verwenden können die delay () - Methode, dann könnten Sie versuchen, diese:

    $('#' + uMessage).fadeIn("fast", function() { 
  c_obj = $(this);
  window.setTimeout(function() { $(c_obj).fadeOut("slow"); }, 1000); 
});

    Hier ein Beispiel: http://jsfiddle.net/KwWFR/

    dies funktioniert nicht für mich, irgendwelche Ideen?
    es funktioniert zumindest mit jQuery v1.4.2: jsfiddle.net/D4eMb/1
    Ich habe eine andere Lösung
    Arbeitete für mich: $('#Nachricht').fadeIn(function() { window.setTimeout(function() { $('#Nachricht').fadeOut('slow'); }, 2000); });

    InformationsquelleAutor sled

  2. 3

    Vielleicht versuchen Sie es mit einem Rückruf wie in der API angegebenen für FadeIn Funktion. Diese wird aufgerufen, sobald der fade-in beendet ist.

    $('#' + uMessage).fadeIn("fast", function() {
  $(this).delay(1000).fadeOut("slow");
});

    InformationsquelleAutor Fermin

  3. 2

    Verzögerung mit fade-in fade-out einfach nicht funktioniert. Mit einer Kombination mit Warteschlange nach Verzögerung und ein Rückruf funktioniert manchmal für andere Situationen

    Endete dies für mich arbeiten:

    $('#message').fadeIn(function() {
  window.setTimeout(function() {
    $('#message').fadeOut('slow');
  }, 2000);
});

    InformationsquelleAutor hallodom

  4. 1

    Ich denke, das problem liegt in der version von jQuery, die Sie verwenden:

    http://jsfiddle.net/b85hx/

    Diese eignet sich besonders gut. Wechseln Sie zu 1.3.2 und es ist gebrochen.

    im mit v1.3.2
    In diesem Fall, zu aktualisieren oder zu gehen für @sled die Lösung

    InformationsquelleAutor Stephan Muller

  5. 1

    Sind Sie mit jQuery 1.4+? Die delay () - Funktion Hinzugefügt wurde in jQuery 1.4

    http://api.jquery.com/delay/

    InformationsquelleAutor Sandro

  6. 0

    offiziellen jQuery-Dokumentation sagt, dass der zweite Parameter ist kein Rückruf, aber-easing-Stil.

    http://api.jquery.com/fadeIn/#fadeIn-duration-easing-complete
    http://api.jquery.com/fadeOut/#fadeOut-duration-easing-complete

    $('#el').fadeOut(750,'swing',function(){
    $('#el').fadeIn();
});

    So bewegen Sie einfach Ihren Rückruf-3. param und alles wird funktionieren.

    versucht dies mit jquery-1.3.2 - Funktion nicht ausgelöst.
    dann Bericht zu jQuery, weil es müssen Feuer nach docs. Ich Wette, Sie haben Problem mit selector oder anderen Stelle aber.

    InformationsquelleAutor Lukas

Schreibe einen Kommentar