显示带有所述点击事件的评论表单

Question

请尝试创建一个场景，如果用户单击名为comment的链接对帖子进行评论，则会出现一个评论表单，以便他只能对该帖子进行评论。这是我创建的函数，但它不起作用。

function comment() {
    $(this).click(function() {
        $('#commentForm').show();
        return false;
    });
};

我在链接上实现了这样的功能。

<a href"#" onClick"comment()">comment</a>

相同的链接将显示在每个检索到的帖子结果下，请提供帮助。

Answer 1

我会给所有<a>元素一个类，比如"commentLink"，然后仅通过jQuery附加click事件处理程序。这将节省您必须放入所有onclick=""内联JavaScript，例如

HTML

<a href="#" class="commentLink">comment one</a>
<a href="#" class="commentLink">comment two</a>
<a href="#" class="commentLink">comment three</a>
<a href="#" class="commentLink">comment four</a>

JS

$(".commentLink").click(function () {
    $("#commentForm").show();
    return false;
});

Answer 2

您可能有许多具有相同名称的隐藏注释表单。会是这样吗？如果你以不同的方式命名它们，并指定要显示的表单，这可能会解决问题，不是吗？

Answer 3

您错过了=符号，它应该像下面的一样

<a href"#" onClick="comment()">comment</a>

Answer 4

更改此项：

function comment() {
    $(this).click(function() {
        $('#commentForm').show();
        return false;
    });
};
<a href"#" onClick="comment()">comment</a>

对此：

function comment() { //EDIT- you don't need an arg
    $('#commentForm').show();
    return false;
};
<a href"#" onClick="comment()">comment</a> 

你也可以试试这个：

$('a:contains("comment")').click(function comment() {
    $('#commentForm').show();
    return false;
});
<a href"#">comment</a>