jquery fadeout, Last, FadeIn

Question

Ich bin mit JQuery und was ich will, ist geschehen.

Div ausblendet den fadeOut Befehl. Es lädt dann Inhalt von einer URL, den Last-Befehl. Dann, wenn Inhalt geladen es blendet zurück fadeIn Befehl verwendet wird.

Der Code, den ich habe, ist:

$("#myDiv").fadeOut().load('www.someurl.com').fadeIn()

Allerdings funktioniert dies nicht. Es Art von Blitzen lädt dann heraus lädt dann. Ich denke, das Problem ist, dass der Schwund geschieht, bevor die Last abgeschlossen ist.

Was soll ich tun

Danke

Answer 1

können Sie verwenden, um die load () Callback-Funktion wie folgt aus:

$("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) {
    $(this).fadeIn();
});

Sie können den Status der Last () -Aufruf verwenden möchten, um zu sehen, ob alles ordnungsgemäß abgeschlossen wurde.

$("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) {
    if (status == "error") {
        // handle error
    }
    else
    {
        $(this).fadeIn();
    }
});

Answer 2

$("#myDiv").fadeOut(1000, function () {
    $("#myDiv").load("www.someurl.com", {limit: 25}, function(){
        $("#myDiv").fadeIn();
    });
});

Die Grenze gibt an, wie lange auf eine Antwort zu warten, in dem Ladeaufruf

Answer 3

Mit dem success Rückruf für .load() , wie folgt aus:

$("#myDiv").fadeOut().load('www.someurl.com', function() {
  $(this).fadeIn();
});

Answer 4

Sie müssen das Verblassen in der Last Callback-Funktion aufgrund der asynchronen Natur von AJAX zu tun.