Приложение jQuery не работает в Internet Explorer

Question

У меня проблема с функцией добавления. Он работает на Chrome и Firefox, но не IE.

Это мой код:

$('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

Попробуйте appendTo вместо append.Таким образом, div попадает в вашу DOM, прежде чем вы начнете работать с ним.

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

Answer 2

Я думаю, что проблема может быть вызвана .load и .fadeIn в .append.Я не проверял это, но попробуйте следующее:

$('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++;
});