jQuery «Объект не поддерживает это свойство или метод» в Internet Explorer

Question

Я использую jQuery для добавления динамического контента на сайт.

Я пытаюсь создать новый элемент DOM по требованию, используя следующий код:

container = $('<div id="myContainer"></div>');

Это отлично работает в Firefox и Safari, но Internet Explorer выдает ошибку. Ошибка IE: Object doesn't support this property or method

Я знаю, что jQuery загружается правильно, и пробовал синтаксис jQuery и $.

Есть идеи, что может быть причиной этого?

Answer 1

Не знаю, может ли это помочь, но я исправил свою проблему. По сути, IE не хочет назначать объект jquery неопределенной переменной.

Итак, вместо этого я объявил локальную переменную.

До:

function foo() {
  bar = $('#bar');
}

После того, как:

function foo() {
  var bar = $('#bar');
}

Answer 2

Если вы хотите добавить элемент DOM, необходимо немного изменить код:

$('body').append('<div id="myContainer"></div>');
// body can be whatever containing element you want to hold myContainer
$('#myContainer').html('whatever you want inside of myContainer');

Answer 3

У меня была похожая проблема. Internet Explorer выдает эту ошибку при попытке изменить глобальный символ. Это касается не только зарезервированных слов. Мой пример был:

function foo() {
    iframe = $("myDiv").append("<iframe></iframe>");
}

Это решает это:

function foo() {
    var iframe = $("myDiv").append("<iframe></iframe>");
}

Это тоже:

function foo() {
    myIframe = $("myDiv").append("<iframe></iframe>");
}

(но в любом случае первый стиль лучше)