使用点击事件显示评论表单

时间:2012-01-06 13:21:36

标签: javascript jquery

请尝试创建一个方案,如果用户点击名为评论的链接对帖子发表评论,则会显示评论表单,以便他只能对该帖子发表评论。这是我创建的功能,但它不起作用。

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

我在这样的链接上强制执行了这个功能。

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

相同的链接应显示在每个检索到的帖子结果下,请帮助。

4 个答案:

答案 0 :(得分:3)

我会为您的所有<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;
});

答案 1 :(得分:0)

改变这个:

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>

答案 2 :(得分:0)

您可能有许多具有相同名称的隐藏评论表单。可以吗?如果你以不同的方式命名它们并指定要显示的形式,那可能会解决它,不是吗?

答案 3 :(得分:0)

你错过了=签名,应该如下

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