Unexpected method call or property access in IE 7

Question

To work, I need our site to work in IE7. Because, as we all know, the corporate world cannot be updated.

I use IE8 IE7 emulation mode to test the site, and using the great IE8 debugger was a nightmare.

My last problem is the following error:

Unexpected call to method or property access. jquery.js, line 113 character 460 

I put the console.log commands on every line of my function and computed the line causing the error.

 var $loading = $('<span/>').addClass('span-icon icon-ajax-loader').html('Loading...'); 

This line works fine in Firefox and Chrome. Oh, and it works great when entering it into the IE8 JavaScript console.

Why does this line give an Unexpected call to method or property access ? I think a method or property call was fully expected.

UPDATE: As per @Pointy's suggestion, I have broken this line into 3 lines.

 var $loading = $('<span/>'); $loading.addClass('span-icon icon-ajax-loader'); $loading.html('Loading...'); 

Now I get the error message of this call $loading.html('Loading...'); . Again, if I paste this code into the IE8 developer tools and run it, it works fine.

Answer 1

Where do you enter content? Have you looked at this question and answer? Javascript IE error: unexpected method call or property access

Answer 2

Thanks to @daniellmb and @yoavmatchulsky for helping me solve this problem.

Actually there are 3 separate solutions.

Use .text() instead of .html() .

 var $loading = $('<span/>').addClass('span-icon icon-ajax-loader').text('Loading...'); 

Wrap .html() tags in span tags.

 var $loading = $('<span/>').addClass('span-icon icon-ajax-loader').html('<span>Loading...</span>'); 

Or replace $('<span/>') with $('<span></span>') .

 var $loading = $('<span></span>').addClass('span-icon icon-ajax-loader').html('Loading...');