jQuery, html(), append() problème avec IE

Question

Je rencontre des problèmes pour écrire des données (html, contient des tables) renvoyées à partir d'une requête ajax à un div. Le code fonctionne sur Chrome, IE firefox..except (testé sur IE 8) J'utilise le code suivant:

function ajax_test(option) { 
    $('.loading').fadeIn(); 
    $('.roto_messages').empty(); 
    $.get("options.php?i="+option, function(data) { 
     $('.loading').hide(); 
     $('.container').append(data); 
     $('.container').fadeIn(1000); 
     addthis.toolbox('.addthis_toolbox'); 
    }); 
} 

J'ai essayé d'utiliser .html() aussi, mais il ne fonctionne pas sur IE aswell. Merci.

Answer 1

Je commencerais par quelques changements. Cachez vos sélecteurs lorsque vous les créez initialement et utilisez le chaînage. Cela se traduit par quelque chose comme ceci:

function ajax_test(option) { 
    var 
    $loading = $('.loading'), 
    $container = $('.container'); 

    $loading.fadeIn(); 
    $('.roto_messages').empty(); 

    $.get("options.php", {i: option}, function(data) { 
     $loading.hide(); 
     $container 
     .append(data) 
     .fadeIn(1000); 

     addthis.toolbox('.addthis_toolbox'); 
    }); 
} 

La question suivante est, ce qui est addthis? Qu'est-ce qu'un utilitaire comme Firebug vous dit lorsque vous exécutez votre appel ajax?

Answer 2

Cela ressemble à un bug jQuery v1.4.2, j'ai essayé le même code avec jQuery 1.3.2 et ça marche très bien dans tous les navigateurs. BTW, utilisant jQuery v1.4.2, je reçois l'erreur suivante dans IE:

Message: 'null' is null or not an object 
Line: 112 
Char: 359 
Code: 0 
URI: http://www.mysite.com/jquery-1.4.2.min.js