顶部栏中的基础下拉菜单有问题

Question

I install foundation-sites with yarn or npm. 我用yarn或npm安装基础站点。 So i have sources in node_modules/foundation-sites. 所以我在node_modules / foundation-sites中有来源。 I use django but i have the same issue without it 我使用django但没有它我有同样的问题

Here is my index.html: 这是我的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>

When i load the web-page, i have this: issue with dropdown menu 当我加载网页时，出现以下问题：下拉菜单出现问题

Someone has an idea to solve it ? 有人有解决的办法吗？

Thx for your help 谢谢你的帮助

Answer 1

there is a mistake in my js/app.js. 我的js / app.js中有一个错误。

I forget () at the end to initialize foundation. 我忘了（）最后是初始化基础。 So i put this: 所以我把这个：

$(document).foundation();

顶部栏中的基础下拉菜单有问题

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-02-11 12:25:01

顶部栏中的基础下拉菜单有问题

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-02-11 12:25:01

解决方案1
0 已采纳 2018-02-11 12:25:01