Ajout jQuery ne fonctionne pas sur Internet Explorer

Question

J'ai un problème avec la fonction d'ajout. Cela fonctionne sur chrome et firefox mais pas IE.

Ceci est mon code:

$('a#ajouterTarification').click(function() { 
    $("#append_tarification").append($("<div>").load("./server/hotels-ajouter-tarifications.php?i="+i).fadeIn(700)); 
    $('#nb_lignes_tarification').val(i); 
    i++; 
}); 

Answer 1

Je pense que le problème peut être causé par .load et .fadeIn dans .append. Je ne l'ai pas testé mais essayez ce qui suit:

$('a#ajouterTarification').click(function() { 

    var $div = $("<div/>"); // First store the new div in a variable 

    $("#append_tarification").append($div); // Then append 

    $div.load("./server/hotels-ajouter-tarifications.php?i="+i).fadeIn(700); // Do whatever you want with div 

    $('#nb_lignes_tarification').val(i); 
    i++; 
}); 

Answer 2

Essayez appendTo au lieu d'ajouter. De cette façon, la div entre dans votre DOM avant de commencer à fonctionner dessus.

$('a#ajouterTarification').click(function() { 
    $("<div>").appendTo("#append_tarification").load("./server/hotels-ajouter-tarifications.php?i="+i).fadeIn(700); 
    $('#nb_lignes_tarification').val(i); 
    i++; 
});