jQuery在Internet Explorer 8中的append方法无效

Question

我在使用jQuery的append方法时遇到了问题，只有在Internet Explorer 8中出现（我没有检查更早的版本）。在启动时（在一个ready()函数中），我向我的容器div添加一个div。然而，在IE8中这并不起作用，没有添加任何div。我通过在控制台返回$（'div＃options'）的长度来检查这一点。为什么会这样呢？

这是我用于附加

的代码：

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

我也尝试使用prepend()和appendTo()，但它们也没有起作用... 有谁能帮帮我吗？

谢谢！

- Frog

Answer 1

也许你的损坏链接导致了这个问题。

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

- matthewnessworthy

---

这确实是问题所在。我决定选择mcgrailm的答案，因为他回答得更早。无论如何，感谢你的帮助！ - Frog

请再次检查时间 :) 无论如何，我很高兴能够帮助。 - matthewnessworthy

所以，差不多7年后，这应该被改变了，smh @Frog - mcgrailm

Answer 2

试着这样做

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

在IE8中测试过的工作演示

。

- mcgrailm

---

谢谢！我一定是看了太多代码，没想到错过了这么简单的东西。 - Frog

Answer 3

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

- Farshid Zaker

---

没错... 我总是忘记这个。在至少IE 7的 F12（开发者工具）中，有一个刷新按钮在 HTML 中，可以让你在jQuery append完成后刷新HTML. :) - Leniel Maccaferri