jQuery append not working in Internet Explorer 8

Question

I'm having a problem with jQuery append just in Internet Explorer 8 (I didn't check earlier versions). On launch (in a ready() function) I append a div to my container div. This doesn't work in IE8 though, no div is added. I checked this by returning the length of $('div#options') in the console. Why isn't this working?

This is my code to append the div:

$('div#container').append('<div id="options"><a href="#" id="delete"><a href="#content" id="edit"></div>');

I also tried to use prepend() and appendTo(), but they didn't work either... Can anyone help me?

Thanks!

Matthew Nessworthy · Accepted Answer · 2011-06-03 20:40:10Z

10

Perhaps your broken links are causing the issue

$('div#container').append('<div id="options"><a href="#" id="delete">Delete</a><a href="#content" id="edit">Edit</a></div>');

answered Jun 3, 2011 at 20:40

Matthew Nessworthy

1,42810 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Frog Over a year ago

This indeed was the problem. I decided to mark mcgrailm's answer though, since he was a bit earlier. Nonetheless thanks for the help!

Matthew Nessworthy Over a year ago

Please recheck the times :) Either way, still glad I could help.

mcgrailm Over a year ago

So almost 7 years later this should be changed, smh @Frog

mcgrailm · Accepted Answer · 2011-06-03 20:41:26Z

4

try it like this

 $('#container').append('<div id="options"><a href="#" id="delete">delete</a><a href="#content" id="edit">edit</a></div>');

working demo tested in ie8

answered Jun 3, 2011 at 20:41

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

1 Comment

Frog Over a year ago

Thanks! I must have looked at the code too much, can't believe I missed something that easy.

Farshid Zaker · Accepted Answer · 2011-06-03 20:43:24Z

1

In IE it is possible that DOM is not updated after the append. Use another method to ensure if the tag is appended or not. (For example use Developer Tools)

answered Jun 3, 2011 at 20:43

Farshid Zaker

1,9902 gold badges22 silver badges40 bronze badges

1 Comment

Leniel Maccaferri Over a year ago

That's right... I always forget this. In IE 7 at least F12 (Developer Tools) there's a refresh button in the HTML that allows you to refresh the HTML after jQuery append do its thingy. :)

Collectives™ on Stack Overflow

jQuery append not working in Internet Explorer 8

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related