jQuery "El objeto no admite esta propiedad o método" en Internet Explorer

Question

Estoy usando jQuery para agregar contenido dinámico a un sitio web.

Estoy intentando crear un nuevo elemento DOM bajo demanda usando el siguiente código:

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

Esto funciona perfectamente en Firefox y Safari, pero Internet Explorer es la generación de un error. El error de IE es: Object doesn't support this property or method

Sé que jQuery se está cargando correctamente y he intentado con la sintaxis jQuery y $.

¿Alguna idea de qué podría estar causando esto?

Answer 1

Si desea agregar un elemento DOM, el código debe ser modificado un poco:

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

No sé si puede ayudar, pero me fijo mi problema. Básicamente IE no quiere asignar el objeto jquery a una variable indefinida.

Entonces, lo que hice fue declarar esto como una variable local.

Antes:

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

Después:

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

Answer 3

que tenía un problema similar. Internet Explorer arroja este error cuando intentas modificar un símbolo global. Este es el caso no solo para palabras reservadas. Mi ejemplo fue:

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

Esto resuelve que:

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

Esto también:

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

(pero la primera es mejor estilo de todos modos)