所以我正在构建一个评论系统,并将一堆评论加载到页面上,然后为每个评论生成一个回复框。下面是我的回复框的样子,但是每个页面上都有很多相同的回复框。正如您所看到的,第一部分是一个 div,其中包含回复框的切换(显示/隐藏)。
我发帖是因为我无法触发回复切换。
这是我的 html:
<div class="col-sm-offset-1 col-sm-11">
<a href="#" id="reply-toggle">
<span class="text">Reply</span>
<i class="toggle-icon fa fa-angle-down"></i>
</a>
</div>
<div id="reply-div" class="col-sm-12">
<form class="form-horizontal" role="form" accept-charset='UTF-8' data-parsley-validate novalidate>
<fieldset>
<div class="form-group">
<label for="ticket-message" class="col-sm-1 control-label"></label>
<div class="col-sm-11">
<textarea class="form-control" name="post-body" id="new_post_textarea" rows="5" cols="30" placeholder="Try to be as specific as possible when posting!"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1 col-sm-11">
<button id="submit_reply_button" type="submit" class="btn btn-primary btn-block">Submit Reply</span></button>
</div>
</div>
</fieldset>
</form>
</div>
这是我的 jquery:
$("#reply-toggle a").click(function() {
alert("running");
$('#reply-div').slideToggle("slow");
)};
我认识到我不太擅长 jquery,所以我确信这很简单,但是,我也认识到我必须使用 jquery(closest) 来仅切换与正确评论线程关联的回复框。我还没有达到这一步,但如果我也能得到一些这方面的指导,我将不胜感激。
真诚感谢您的帮助!
最佳答案
$(document).on('click', '#reply-toggle', function() {
$(this).closest('.col-sm-offset-1').next('#reply-div').slideToggle('slow');
});
编辑:向 col-sm-offset-1 类添加了一个句点
关于javascript - 为每个帖子添加可扩展的文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27719660/