Unexpected call to method or property access. in JQUERY

Question

My code which is giving error in IE8

$(function(){
 $.ajax({url:"http://localhost/css/register.txt",  
         cache : false,
         success:function(ris){$("<style></style>").appendTo("head").html(ris);//culprit statement
          },
         error:function(){}
                                    });
});

Try replacing `.html(ris)` with `.text(ris)`. ...or try `$("")` — , Jul 27 '12 at 16:31
All I know is that there are browser compatibility issues when setting the content of a ` — , Jul 27 '12 at 16:38
Did that technique work in the other browsers as well? I'd hate to leave a solution if it breaks in some other browser. — , Jul 27 '12 at 16:40

score 3 · Accepted Answer · answered Jul 27 '12 at 16:42

3

It seems that jQuery doesn't resolve the browser compatibility issues regarding setting the content of a <style> element via innerHTML.

I believe this will work instead...

$("<style>" + ris + "</style>")

answered Jul 27 '12 at 16:42

score 3 · Answer 2 · edited May 23 '17 at 10:26

3

Internet Explorer does not allow setting of innerHTML on <style> elements. See How to create a <style> tag with Javascript

edited May 23 '17 at 10:26

Community

1
1

answered Jul 27 '12 at 16:44

Bergi

630,263
148
957
1,375

But `am not i am`'s solution is working fine.Did you see any errors in his solution – bugwheels94 Jul 27 '12 at 16:48
Not sure how jQuery handles such html snippets, yet in the linked question Chrome did not like creation of full – Bergi Jul 27 '12 at 16:54
Then there is no reason not to use it :-) – Bergi Jul 27 '12 at 17:07

Unexpected call to method or property access. in JQUERY

2 Answers2