使用Jquery将评论回复表单插入页面
我一直在制作一个线程注释系统，作为正确学习php和javascript/jquery的一种方法。我过去做过一些零碎的工作，但我下定决心要好好学习 我很难将回复表单插入到正在回复的评论下面的评论树中。我知道这可能是非常基本的，但是当有人单击链接时，如何将html插入到页面中呢 此代码不适用于我：使用Jquery将评论回复表单插入页面,jquery,multithreading,forms,comments,Jquery,Multithreading,Forms,Comments,我一直在制作一个线程注释系统，作为正确学习php和javascript/jquery的一种方法。我过去做过一些零碎的工作，但我下定决心要好好学习 我很难将回复表单插入到正在回复的评论下面的评论树中。我知道这可能是非常基本的，但是当有人单击链接时，如何将html插入到页面中呢 此代码不适用于我： $(document).ready(function(){ $(function() { $('a#reply').click(function() {
$(document).ready(function(){
$(function() {
$('a#reply').click(function() {
$(this).append("the html blah");
});
});
});
有人看到我哪里出错了吗？要添加到rodbv的答案中，您将在由于使用了追加而单击的链接中添加文本“html废话”。将其更改为：
$(this).after("the html");
$(document).ready(function(){
$('a#reply').click(function() {
$(this).after("the html blah");
return false;
});
});
您可能需要“return false；”当您单击链接时，可以在其中阻止页面重新加载。如果其他建议均无效，则可能是您的链接选择器工作不正常。在您提供的示例中，您似乎正在寻找以下链接：
<a id='reply' href='#'>add comment</a>
<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>
显示单击链接不会滚动页面的空间。
$（函数（）{
$（'a#clicky'）。单击（函数（）{
$（this.after（'Hello There'））
返回false；
});
});
<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>