javascript - IE 7 jQuery .append 功能不起作用

Question

我有以下代码片段:

$("#QnAList").append("<div id=qdiv" + i + " class=divBase>
<span id='" + i + "'>" + msg.d[i].QuestionText + "</span>
<span id='display'" + i + "'>" + answerDisplay + 
"<span class='triage'> </span></div>");

msg.d[i].QuestionText是我遇到的问题。在 FF 中，它完美地显示了文本。在 IE7 中，唯一显示的是 answerDisplay 值，它是我即时写出的输入元素。

当我取出所有的 div 和 span 并放入一些 <p></p> 时然后是 msg.d[i].QuestionText与 answerDisplay 值一起显示。任何人都可以看到我用这段代码做错了什么吗？

谢谢!

Answer 1

这里有一个问题:

<span id='display'" + i + "'>" + answerDisplay + 

结果是:

<span id='display'nn'>text</span>

所以额外的引用必然会引起问题，它应该是:

<span id='display" + i + "'>" + answerDisplay + 

还可以考虑在外部 <div> 上的属性中添加引号，或将元素构建为 DOM 节点。