jquery fadeout, laden, fadein

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

Div verblasst mit der fadeOut-Befehl. Dann lädt Inhalte von einer url mit dem load-Befehl. Dann wenn Inhalte geladen, es blendet zurück über die fadeIn-Befehl.

Den code, den ich habe ist:

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

Allerdings funktioniert dies nicht. Es blinkt dann lädt aus lädt. Ich denke, das problem ist, dass das ausbleichen ist passiert, bevor der Ladevorgang abgeschlossen ist.

Was soll ich tun,

Dank

InformationsquelleAutor John | 2010-04-30

  1. 11

    können Sie die load() callback-Funktion wie folgt:

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

    möchten Sie vielleicht, um über den status der load () - Aufruf zu sehen, ob alles ordnungsgemäß durchgeführt wurde.

    $("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) {
    if (status == "error") {
        //handle error
    }
    else
    {
        $(this).fadeIn();
    }
});
    Ist dies, weil die "Last" ist async und andere Aktionen funktionieren? Ihre Antwort warten, um zu rufen "fadeIn" nach dem laden meldet ist es getan, richtig?
    ja, sobald das laden beendet hat, ruft fadeIn()

    InformationsquelleAutor hunter

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

    Das limit gibt an, wie lange auf eine Antwort warten in dem laden anrufen

    InformationsquelleAutor jweber

  3. 5

    Verwenden Sie die success Rückruf für .load(), wie diese:

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

    InformationsquelleAutor Nick Craver

  4. 1

    Sie tun müssen, um das ausbleichen im load-callback-Funktion, die durch die asynchrone Natur von AJAX.

    InformationsquelleAutor Ty W

Schreibe einen Kommentar