Zurb Foundation下拉菜單不起作用

Question

單擊zurb頂部欄上的下拉菜單時出現此錯誤：

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

這是我的application.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.js文件之后的foundation.topbar.js。

Answer 3

這不是一個錯誤，這是一個jQuery問題，當您的錨點的href屬性被阻止后跟e.preventDefault（）時出現。