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.topbar.js在foundation.js文件之后。

Answer 3

这不是错误，这是一个jQuery问题，当使用e.preventDefault（）阻止你的anchor的href属性被跟随时出现这个问题。

Zurb Foundation下拉菜单不起作用

3 个答案: