我如何防止CSS标头以Django形式失去下拉折叠

你好，我正在使用Modelforms。我的条目之一是一个选择，当我将CSS标头命名中的CSS标题。当我以名称删除此标头时。谁能解释发生的事情？

name.html

{% extends 'fitness/header.html' %}
{% block content %}
    <form method="post">
        {% csrf_token %}
        {{form.as_p}}
        <input type="submit" value="Submit">
    </form>
{% endblock %}

header.html

<head>
    {% load static %}
    <!-- Prism CSS -->
    <link href="{% static "tinymce/css/prism.css" %}" rel="stylesheet">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>

<body>
  <nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo">Gainz.com</a>    <!––    Need to adjust this logo           ––>
      <ul id="nav-mobile" class="right 
      hide-on-med-and-down">

        {% if user.is_authenticated %}
          <li><a href="/profile">profile</a></li>
          <li><a href="/logout">logout</a></li>
          <li><a href="/dashboard">dashboard</a></li>
          <li><a href="/feed">feed</a></li>
          <li><a href="/forum">forum</a></li>
          <li><a href="/manual">manual entry</a></li>

        {% else %}
          <li><a href="/">Home</a></li>
          <li><a href="/feed">feed</a></li>
          <li><a href="/login">login</a></li>
          <li><a href="/register">register</a></li>
        {% endif %}
      </ul>
    </div>
  </nav>

  {% block content %}
  {% endblock %}

</body>


<!-- Prism JS -->
<script src="{% static "tinymce/js/prism.js" %}"></script>

确保将其添加到页面顶部：

<!DOCTYPE HTML> //always include this at the top of the page of your base file
<html>

脚本始终在页面的底部关闭</body>标签：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="{% static "tinymce/js/prism.js" %}"></script>
</body>
</html>

通常使用footer.html模板使用{% include 'footer.html' %}

渲染这一点

我添加了 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> jQuery脚本，因为它看起来像CloudFare物质化脚本需要它（尽管我不确定）。无论如何，您应该在所有HTML文件上使用jQuery！;-)

另外，我不确定这是否会解决您的问题，但是通常可以确保您的元素的所有都具有关闭标签（如果需要它们）。您的名字上可能有一个随机的<div>标签。

相关内容

最新更新

热门标签：