我一直在制作一个线程评论系统，作为正确学习 php 和 javascript/jquery 的一种方式。我过去做过一些零碎的工作，但我下定决心要好好学习它。
我无法将回复表单插入到正在回复的评论下方的评论树中。我知道这可能很基础，但是当有人点击链接时，如何将 html 插入页面。
这段代码对我不起作用：
$(document).ready(function(){
$(function() {
$('a#reply').click(function() {
$(this).append("the html blah");
});
});
});
有人知道我哪里出错了吗？
【问题讨论】：
标签： jquery multithreading forms comments
$(document).ready(function(){
$('a#reply').click(function() {
$(this).after("the html blah");
return false;
});
});
你可能需要'return false;'在那里，当您单击链接时阻止页面重新加载。
【讨论】：
return false 应该规避这一点。它可以帮助发布测试页面的链接或粘贴上面的 HTML。
如果其他建议均无效，则可能是您的链接选择器无法正常工作。在您提供的示例中，您似乎正在寻找这样的链接：
<a id='reply' href='#'>add comment</a>
正确吗？你没有提到你是如何生成 html 的，但我知道 asp.net 的服务器端 id ！= 客户端 id，你需要像这样修改你的选择器：
$('a[id$=reply]')
无论如何，这是一个完整的 html 示例，对我来说效果很好：
<html>
<head>
<script type="text/javascript" src='scripts\jquery-1.2.6.min.js'></script>
</head>
<body>
<div style='height:400px'>
Space to demonstrate that clicking the link does not scroll the page.
</div>
<div id='main'>
<a href='#' id='clicky'>here</a>
</div>
</body>
<script>
$(function(){
$('a#clicky').click(function(){
$(this).after('Hello There')
return false;
});
});
</script>
</html>
【讨论】：
要添加到 rodbv 的答案，您将在由于您使用 append 而被点击的链接内添加文本“html blah blah”。改成：
$(this).after("the html");
它会在 链接之后写出 html。
【讨论】：