jquery fadeout, charge, fadein

Question

J'utilise JQuery et ce que je veux arriver est.

Div se fane à l'aide de la commande fadeOut. Il charge ensuite le contenu à partir d'une URL en utilisant la commande de charge. Puis, une fois le contenu chargé, il esquives en utilisant la commande fadeIn.

Le code que j'ai est:

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

Toutefois, cela ne fonctionne pas. Il genre de charges clignote puis sur charge alors. Je pense que le problème est que la disparition progressive qui se passe avant que la charge est terminée.

Que dois-je faire

Merci

Answer 1

vous pouvez utiliser le load () rappel fonction comme ceci:

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

vous voudrez peut-être utiliser l'état de l'appel load () pour voir si tout a été rempli correctement.

$("#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();
    });
});

Les limites Précise combien de temps le temps d'attendre une réponse à l'appel de charge

Answer 3

Utilisez le rappel success .load() , comme ceci:

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

Answer 4

vous devez faire la disparition progressive de la fonction de rappel de charge en raison de la nature asynchrone d'AJAX.