jQuery 追加在 Internet Explorer 8 中不起作用答案

【问题标题】：jQuery append not working in Internet Explorer 8jQuery 追加在 Internet Explorer 8 中不起作用
【发布时间】：2011-09-08 02:40:22
【问题描述】：

我在 Internet Explorer 8 中遇到了 jQuery 附加问题（我没有检查早期版本）。在启动时（在ready() 函数中）我将div 附加到我的容器div。这在 IE8 中不起作用，但没有添加 div。我通过在控制台中返回 $('div#options') 的长度来检查这一点。为什么这不起作用？

这是我添加 div 的代码：

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

我也尝试过使用prepend() 和appendTo()，但它们也不起作用……谁能帮帮我？

谢谢！

【问题讨论】：

标签： jquery html internet-explorer-8 append

【解决方案1】：

也许您的链接损坏导致问题

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

【讨论】：

这确实是问题所在。不过，我决定标记 mcgralim 的答案，因为他来得早一点。尽管如此，还是感谢您的帮助！
请重新检查时间 :) 不管怎样，仍然很高兴我能提供帮助。
所以差不多 7 年后这应该改变了，smh @Frog

【解决方案2】：

这样试试

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

working demo tested in ie8

【讨论】：

谢谢！我一定是看代码太多了，不敢相信我错过了这么简单的东西。

【解决方案3】：

在 IE 中，DOM 可能在追加后没有更新。使用另一种方法来确保是否附加了标签。（例如使用开发者工具）

【讨论】：

没错……我总是忘记这一点。在 IE 7 中，至少 F12（开发者工具）在 HTML 中有一个刷新按钮，允许您在 jQuery 附加完成后刷新 HTML。 :)