django - 单击时导航栏中的引导下拉菜单不显示下拉菜单
问题描述
我正在尝试为我的灯光控制/摄像头监控系统设置导航栏。但是,每当我选择特定相机时,对于我的相机下拉菜单,它不会显示任何内容。
这是在带有最新 Django 和引导程序的 Win 10 机器上运行以进行开发。我已经尝试添加 jQuery 并更新我的引导文件。
{% load staticfiles %}
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8">
<title>Light Control</title>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" media="screen" type="text/css" />
<link rel="stylesheet" href="{% static 'css/style.css' %}" media="screen" type="text/css" />
<link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}" media="screen" type="text/css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand">Light Control</a>
{% if isLogged %}
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/control">Light Control<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Cameras
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/camera/office">Office</a>
<a class="dropdown-item" href="/camera/office">ec</a>
</div>
</li>
</ul>
</div>
<div>
<a href="/logout/" class="btn btn-outline-danger">Log Out</a>
</div>
{% endif %}
</nav>
</body>
</html>
I tried to click on the button, but nothing actually shows up once I click on it.
解决方案
推荐阅读
- css - 如何使用 CSS 将输入值居中
- c# - RavenDB 和 XUnit:每个 TestClass 的多个测试
- mongodb - Mongo找出连接读取偏好
- google-cloud-platform - 导出到 Cloud Storage 时,Google Cloud Logging 接收器如何工作?导出的格式是什么?
- java - 注销不适用于 Spring Boot、Spring Security 和 Thymleaf
- amazon-dynamodb - 日期范围和用户 ID 的 DynamoDB 主键
- typescript - 如何获取对象数组中给定对象键的所有文字值的并集?
- database - 哪个关系模式捕获了这个系统的语义
- javascript - 通过 Axios 下载多个文件并 .zip 压缩它们
- ruby-on-rails - 用于 has_many 查询的 Jsonapi 序列化程序参数