Question

当我在 Flask 中运行我的简单应用程序时，不会显示下拉菜单。有趣的是，当我用 chrome（通过 Pycharm）打开 html 文件时，下拉菜单工作正常。这让我觉得问题出在我的代码上。

HTML 看起来像这样。

org.jpos.tlv

Not working when running flask app

Works as expected

我的要求txt：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">
                <img alt="flaskbook logo" width="82" height="20" src="{{ url_for('static', filename='assets/flaskbook-logo-sm.png') }}">
            </a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        {% if session.username %}
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Welcome, {{ session.username }} <span class="caret"></span></a>
          <ul class="dropdown-menu">
              <li><a href="{{ url_for('user_app.profile', username=session.username) }}">View profile</a></li>
            <li><a href="{{ url_for('user_app.edit') }}">Edit profile</a></li>
            <li><a href="{{ url_for('user_app.change_password') }}">Change password</a></li>
          </ul>
        <li>
        <a href="{{ url_for('user_app.logout') }}" class="navbar-link">Logout</a></p>
        </li>
        {% else %}
                <li>
                    <a href="{{ url_for('user_app.login') }}" class="navbar-link">Login</a></p>
                </li>
                <li>
                    <a href="{{ url_for('user_app.register') }}" class="navbar-link">Register</a></p>
                </li>
          {% endif %}
      </ul>
    </div>
    <!--/.nav-collapse -->
  </div>
  <!--/.container-fluid -->
</nav>

下拉菜单未显示在烧瓶中

0 个答案: