on clickイベントでコメントフォームを表示

Question

投稿をコメントするためにcommentというリンクをユーザーがクリックすると、彼がコメントのみを投稿できるコメントフォームが表示されますその投稿。これは私が作成した機能ですが、機能していません。

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

私はこのようなリンク上で機能をimpemented。

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

検索されたすべての投稿の結果の下に同じリンクが表示されます。

Answer 1

変更この：これに

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> 

Answer 2

あなたが同じ名前を持つ多くの隠されたコメントフォームを持っているかもしれません。それは事実だろうか？別の名前を付けて表示するフォームを指定すると、それは解決する可能性がありますか？あなたは=記号を逃した

Answer 3

、それは私が、あなたの<a>要素のクラスのすべてを与える"commentLink"を言って、その後、単にjQueryを介して、clickイベントハンドラを添付しますよう

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

Answer 4

以下でなければなりません。これにより、すべての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; 
});