2011-05-28 17 views
0

我想预先安装一个字符串,但由于某种原因它是不可见的。任何人都知道它有什么问题吗?为什么在prepend或html'd时看不到内容?

$('#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>'); 
+0

什么类型的元素是'#someelement'? – 2011-05-28 15:33:28

+0

你有没有检查它被正确插入到html中? – 2011-05-28 15:34:09

回答

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>'); 
+0

非常感谢thirtydot,非常感谢。 – Scarface 2011-05-28 15:39:10

4

内容永远不会被添加到DOM,这就是为什么它不可见。

运行代码给出:

Uncaught SyntaxError: Unexpected token ILLEGAL

你不能多行这样的字符串分割。
它的工作原理,如果一切都在同一行:http://jsfiddle.net/JCTpG/

+0

非常感谢Felix,非常感谢。 – Scarface 2011-05-28 15:38:27

相关问题