jQuery append无法在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

我认为问题可能是由.append中的.load和.fadeIn引起的。我没有测试过，但尝试以下方法：

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

尝试appendTo而不是追加。这样，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++;
});