我遇到了一个问题,点击按钮标签上的点击事件不会触发。有几个按钮具有相同的类属性,但这不应该影响JS,因为类选择器会影响所有匹配的元素。jQuery事件没有触发
整个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;
});
“会有人善待和链接URL的jQuery,bootstrap.css和bootstrap.js如果您有它附近,所以我可以尝试创建jsfiddle中的期望效果“。没有人为你的问题付出努力吧? – j08691
你在等'document.ready'吗? –
document.ready存在于文件中,并且文件中的其他所有内容都正常工作。我还说过,如果你靠近,就是简单的复制粘贴。但你的权利,我应该自己查看它。 – user1683645