我使用 yarn 或 npm 安装基础站点。所以我在 node_modules/foundation-sites 中有资源。我使用 django 但没有它我也有同样的问题
这是我的 index.html:
{% load static %}
{% load sass_tags %}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>short url</title>
{% load compress %}
{% compress css %}
<link href="{% sass_src 'scss/style.scss' %}" rel="stylesheet" type="text/css" />
{% endcompress %}
</head>
<body>
<div class="top-bar">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text">shorturl</li>
<li><a href="/shorturl">Racine</a></li>
<li><a href="/shorturl/url_list">url list</a></li>
<li>
<a href="http://www.perdu.com">perdu</a>
<ul class="menu vertical">
<li><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
</ul>
</li>
</ul>
</div>
</div>
{% block content %}
{% endblock %}
<script src="{% static "js/jquery/dist/jquery.js" %}"></script>
<script src="{% static "js/what-input/dist/what-input.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/foundation.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.core.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.dropdown.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.dropdownMenu.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.util.keyboard.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.util.box.js" %}"></script>
<script src="{% static "js/foundation-sites/dist/js/plugins/foundation.util.nest.js" %}"></script>
<script src="{% static "js/app.js" %}"></script>
</body>
</html>
当我加载网页时,我有这个:issue with dropdown menu
有人有解决办法吗?
谢谢你的帮助
最佳答案
我的 js/app.js 有错误。
我忘了最后用 () 来初始化基础。所以我把这个:
$(document).foundation();
关于javascript - 顶部栏中的基础下拉菜单有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48718848/