ボタンタグに割り当てられたクリックイベントがクリック時に発生しないという問題が発生しています。同じクラス属性を持つボタンがいくつかありますが、クラスセレクターは一致するすべての要素に影響するため、これはJSには影響しません。
html部分全体がページの読み込み時に非表示になり、特定のリンクをクリックすると正しく表示されますが、送信ボタンをクリックしてもイベントは発生しません。また、誰かが親切にして、jquery、bootstrap.css、bootstrap.jsのURLを近くに持っている場合はリンクして、jsfiddleで目的の効果を作成できるようにします。とても感謝しております
HTML:
<span class="reply-comment" id="<?php echo $imagecomments[1][$i]['commentid']; ?>">
<div class="row-fluid">
<div class="span11 offset1">
<textarea class="<?php echo $imagecomments[1][$i]['commentid']; ?>" id="reply-textarea"></textarea><br>
<button class="btn btn-mini submit-reply-button" data-commentid="<?php echo $imagecomments[1][$i]['commentid']; ?>"><strong>Submit</strong></button>
</div>
</div>
JS:
$('.reply-comment').hide();
$('.submit-reply-button').click(function(e){
e.preventDefault();
var commentid = $(this).data('commentid');
var reply = $(textarea.commentid).val();
var filename = $('.mainimage').data('filename');
var imgowner = $('.mainimage').data('imgowner');
$.ajax({
type: 'POST',
url: '?category=addimgcomment',
data: {
"commentid" : commentid,
"imgcomment" : reply,
"filename" : filename,
"imgowner" : imgowner
},
success: function(data){
$(textarea.commentid).val("");
$('.'+commentid+'subcomments').html(data);
}
});
return false;
});