我正在博客中开发评论/回复系统。如果对评论有任何回复,则显示为 1 条回复等,单击链接将打开回复。
<a class="comment-reply-btn" href="#" > Reply </a>
单击"回复"可切换包含回复的div,否则将使用 CSS 将其隐藏。
div 是:-
<div class="comment-reply ml-5 mt-1">
{% for child_comment in comment.children %}
<img class="rounded-circle" alt="{{child_comment.user.get_full_name }}" src="{{child_comment.user.userprofile.get_user_image}}" height="18px" width="18px">
<h6 class="d-inline ml-3">{{ child_comment.user.get_full_name }}: </h6>
<span>{{ child_comment.content }}</span>
<footer>{{ child_comment.timestamp|timesince }} ago</footer>
{% endfor %}
{% if request.user.is_authenticated %}
<form method="POST" action="."> {% csrf_token %}
{{ comment_form|crispy }}
<input type='hidden' name='parent_pk' value='{{ comment.pk }}'>
<input type='submit' value='Reply' class='btn btn-default'>
</form>
{% else %}
<p>You must login to reply</p>
{% endif %}
</div>
我正在使用以下 css 设置来隐藏div 不显示在页面加载时:-
.comment-reply{
display: none;
}
以下js在单击回复按钮时将其打开
$(".comment-reply-btn").click(function(event){
event.preventDefault();
$(this).parent().next(".comment-reply").fadeToggle();
})
我的问题是,如果我登录,它会打开回复和表单以编写新回复。但是,如果我没有登录,单击回复按钮不会打开回复(应该打开(。
请帮忙。
你必须用js来处理这种情况,以显示每种情况。 首先在 js 中定义全局变量:
var user_is_authenticated = {{ request.user.is_authenticated|yesno:"true,false" }};
您可以使用变量来处理代码。 像这样:
if (user_is_authenticated === true) {
// append comments html code to your section
}
else {
// don't show the comments
}