jQuery, html (), append () проблема с IE

Question

У меня проблема с записью данных (html, содержит таблицы), возвращенных из запроса ajax в div.Код работает на Chrome, firefox..except IE (проверено на IE 8). Я использую следующий код:

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

Я тоже пытался использовать .html (), но он не работал и в IE.Спасибо.

Answer 1

Кажется, что это ошибка jQuery v1.4.2, я попробовал тот же код с jQuery 1.3.2, и он отлично работает во всех браузерах. Кстати, используя jQuery v1.4.2, я получаю следующую ошибку в 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

Answer 2

Есть несколько изменений, с которых я бы начал.Кэшируйте ваши селекторы, когда вы создаете их изначально и применяете цепочку.В результате получается что-то вроде этого:

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

Следующий вопрос: что такое addthis?Что утилита, подобная Firebug, сообщает вам, когда вы запускаете вызов ajax?