乍一看使表单节点不可见

Question

我正在尝试从Stack Overflow的“添加评论”链接中学习以下三个部分的代码：

1. footnote-list
2. footnote-form
3. add-form-link

<div class="col-md-12 footnotes">
    <div class="footnote-list">
        <ul class="footnote-list">
          ....
        </ul>
    </div>
    <div class="footnote-form"> make it invisible
      <form>
         ...
      </form>
    </div>
    <div class="add-form-link">
        <a href="{% url 'article:footnote_add'%}" class="add-article-footnote" id="{{ article.id }}">add a footnote</a>
    </div>
</div><!-- footnotes -->

我打算使"footnote-form"一眼不可见，然后在单击"add-form-link"时出现。

页面成功加载后，可以使用$().hide() $().show()显示和隐藏节点。

如何从一开始就隐藏节点？

Answer 1

要在加载时隐藏元素...首选CSS。

然后显示出来，您需要一个点击处理程序。 public RequestResponseDto MyMethod(bool isAdmin, Status status) { ... && ((status == Status.Status1 && (r._REQUEST_STATUS_ID == RequestSubmitted || r._REQUEST_STATUS_ID == RequestPartiallyAuthorised)) || (status == Status.Status2 && (r._REQUEST_STATUS_ID == Something)) || (status == Status.Status3 && (r._REQUEST_STATUS_ID == SomethingElse || r._REQUEST_STATUS_ID == AnotherThing))) ... && (isAdmin || ra.FACILITY_USER_ID == facilityUserId) ... } 阻止链接的正常行为。

e.preventDefault()

$(".add-form-link a").on("click",function(e){
  e.preventDefault();
  $(".footnote-form").show();
});

.footnote-form{
  display:none;
}