jQuery "Object doesn't support this property or method" in Internet Explorer

Question

I am using jQuery to add some dynamic content to a website.

I am attempting to create a new DOM element on-demand using the following code:

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

This works perfectly in Firefox and Safari, but Internet Explorer is generating an error. The IE error is: Object doesn't support this property or method

I know that jQuery is loading properly, and have tried both the jQuery and $ syntax.

Any ideas as to what might be causing this?

Answer 1

If you want to add a DOM element, the code needs to be modified a bit:

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

I have the same and I'm not creating a DOM element. I'm just trying to assign a jQuery object to a global variable.

Silly IE.

mig

Answer 3

Hello guys,

I don't know if it can help but I fixed my problem. Basically IE doesn't want to assign jquery object to a global variable. It was in a function.

So what I did is declare this local variable on top of it instead.

Before:

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

After:

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

Not crazy but it makes this f***g explorer shut the f**k up.

Bye mig

Answer 4

I came across a very similar problem yesterday. It seems the Internet Explorer creates a lot of global variables and you run into problems when you try to overwrite them. "container" sounds very generic. Can you try using a different name? I have no testmachine here

Answer 5

try once more by renaming your variable.

I got the result by doing that.

thanks Zia