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

我认为问题可能是由.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代替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++;
});