为什么这个内容在preped或html'd时是不可见的?

时间:2011-05-28 15:29:55

标签: jquery html

我正在尝试添加字符串但由于某种原因它是不可见的。有人知道它有什么问题吗?

$('#someelement').prepend('<div id="chunk" chunk_id="302724de111fd8fd4a7.92282758">
<a shoutbox_id="302724de111fd8fd4a7.92282758" id="show-replies">
<img src="images/show_more.png"></a>
<a shoutbox_id="302724de111fd8fd4a7.92282758" id="reply">Add Comment</a>
<li class="shoutbox-list-creator" id="list-13">
<span class="shoutbox-list-nick">
<a href="statistics.php?user=g">g</a>
</span>
<span class="date" id="1306595842">  0 seconds ago
</span><br>
<span class="msg">i said</span><br />
<span class="clear"></span>
</li><hr>
</div>');

3 个答案:

答案 0 :(得分:4)

您需要将所有HTML放在一行(删除换行符)。

另一种选择是在每一行的末尾添加一个反斜杠。这将有效:

$('#someelement').prepend('<div id="chunk" chunk_id="302724de111fd8fd4a7.92282758"> \
<a shoutbox_id="302724de111fd8fd4a7.92282758" id="show-replies">           \
<img src="images/show_more.png"></a>                                       \
<a shoutbox_id="302724de111fd8fd4a7.92282758" id="reply">Add Comment</a>   \
<li class="shoutbox-list-creator" id="list-13">                            \
<span class="shoutbox-list-nick">                                          \
<a href="statistics.php?user=g">g</a>                                      \
</span>                                                                    \
<span class="date" id="1306595842">  0 seconds ago                         \
</span><br>                                                                \
<span class="msg">i said</span><br />                                      \
<span class="clear"></span>                                                \
</li><hr>                                                                  \
</div>');

答案 1 :(得分:4)

内容永远不会添加到DOM中,这就是它不可见的原因。

运行代码给出:

  

未捕获的SyntaxError:意外的标记ILLEGAL

你不能像这样在多行上分割你的字符串 如果一切都在一行上,它就可以工作:http://jsfiddle.net/JCTpG/

答案 2 :(得分:3)

当我将所有内容放在一行时,它对我有用:http://jsfiddle.net/