使用Jquery将注释回复表单插入页面

Joe*_*Joe 5 forms jquery multithreading comments

我一直在制作一个线程评论系统,作为一种正确学习php和javascript/jquery的方法.我过去曾经做过一些事情,但我已经做了一个新的决定来正确地学习它.

我无法在回复的评论下面的评论树中插入回复表单.我知道这可能是非常基本的,但是当有人点击链接时如何将html插入页面.

这段代码对我不起作用:

$(document).ready(function(){
    $(function() {
        $('a#reply').click(function() {

            $(this).append("the html blah");    

        });
    });

}); 
Run Code Online (Sandbox Code Playgroud)

谁知道我哪里出错了?

Cor*_*nie 2

如果其他建议均不起作用,则可能是您的链接选择器无法正常工作。在您提供的示例中,您似乎正在寻找如下链接:

<a id='reply' href='#'>add comment</a>
Run Code Online (Sandbox Code Playgroud)

那是对的吗?你没有提到你是如何生成html的,但我知道asp.net服务器端id!=客户端id,你需要像这样修改你的选择器:

$('a[id$=reply]')
Run Code Online (Sandbox Code Playgroud)

无论如何,这是一个完整的 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>
Run Code Online (Sandbox Code Playgroud)