Zurb Foundation 下拉菜单不起作用答案

【问题标题】：Zurb Foundation dropdown menu doesn't workZurb Foundation 下拉菜单不起作用
【发布时间】：2013-12-07 18:18:52
【问题描述】：

单击 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

下拉菜单不起作用（点击或悬停时不出现）

【问题讨论】：

@BlueSkies Zurb = Zurb 制作的 Foundation CSS 框架。
无论如何，如果错误来自 zurb 的代码，那么在我看来，他们对旧 IE 兼容性的方法并不像它应该支持的那样支持.preventDefault()。如果是这样，您可能需要向他们提交错误报告。
我如何检查是否是这种情况？
@sidney 你使用的是哪个版本的 Foundation - 4 还是 5？
@janfoeh，好的；我用的是foundation-rails (5.0.2.0)，第五版

标签： javascript jquery ruby-on-rails zurb-foundation

【解决方案1】：

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

【讨论】：

谢谢我已经知道了，但问题是我没有让下拉菜单工作

【解决方案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 文件之后。

【讨论】：

无论如何，谢谢，但我已经这样做了，我用另一篇文章解决了这个问题:) + 我不使用 php

【解决方案3】：

这不是错误，这是一个 jQuery 问题，当您的锚点的 href 属性被阻止后跟 e.preventDefault(); 时出现。

【讨论】：

谢谢，请问我该如何解决这个问题？