Zurb 基金会下拉菜单不起作用

Question

当我点击zurb顶部栏上的下拉菜单时，出现了这个错误：

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. 

这是我的应用程序.js:

//= require jquery
//= require jquery_ujs
//= require foundation
//= require_tree .
$(function(){ $(document).foundation(); });

在我看来（瘦模板）：

  nav class="top-bar"
    ul class="title-area"
      li class="name"
        h1
          a href="#" My Project
      li class="toggle-topbar menu-icon"
        a href="#" Menu
    section class="top-bar-section"
      ul class="left"
        li class="divider"
        li class="divider hide-for-small"
      ul class="right"
        li class="divider show-for-medium-and-up"
          - if current_user
            li class="has-dropdown"
              a href="#"
                = "Logged in as #{current_user.email}"
              ul class="dropdown"
                li
                  a href="#"
                    ' First link in dropdown
            li
              = link_to "Log Out", logout_path
          - else
            li
              = link_to t("layout.login"), login_path
            li
              = link_to t("layout.signup"), signup_path

下拉菜单不起作用（单击或悬停时不会显示）

Answer 1

下拉列表似乎不起作用，因为您忘记了nav元素上的data-topbar属性。Topbar javascript代码从未运行过。

Answer 2

您需要依次添加jquery.js、foundation.js和foundation.topbar.js。

示例：

top - <script src="<?php echo $resources;?>plugins/foundation/js/jquery.js"></script>
2nd file - foundation.js 
3rd file - foundation.topbar.js

foundation.topbar.js在foundation.js文件之后。

Answer 3

这不是一个错误，这是一个jQuery问题，当您的锚的href属性被阻止后跟e.preventDefault（）时，就会出现这个问题；