0

当我在本地测试我的网站时，它工作正常，但是一旦我推送到 heroku，下拉菜单就不起作用。

我的 application.js 文件包含以下内容：

    //= require bootstrap
    //= require jquery
    //= require jquery_ujs
    //= require_tree .

我的 application.html.erb 文件包含这个

<!DOCTYPE html>
<html>
<head>
    <title> <%= full_title(yield(:title)) %> </title>
    <%= stylesheet_link_tag    "application", :media => "all" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
    <%= render 'layouts/shim' %>
</head>

<body>
    <%= render 'layouts/header' %>  
    <div class="container">
        <%= yield %>
    </div>
</body>
</html>

我的标题部分是下拉菜单所在的位置，包含这个

<header class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <ul class="nav pull-left">
        <li>
      <%= link_to image_tag("WML_header2.png", :alt => 'Wheres My Lan'), home_path%> 
        </li>
      </ul>
      <nav>
        <ul class="nav pull-right">
            </br>
            <li><%= link_to "Heat Map",  heatMap_path %></li>
            <% if signed_in? %>
            <li><%= link_to "New Update",  new_message_path %></li>


            <li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                View <b class="caret"></b>
              </a>
          <ul class="dropdown-menu">
            <li><%= link_to "Users", users_path %></li>
            <li><%= link_to "Reports", reports_path %></li>
            <li><%= link_to "Statistics", stats_path %></li>
          </ul>
        </li>


        <li id="fat-menu" class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Account <b class="caret"></b>
          </a>
              <ul class="dropdown-menu">
                <li><%= link_to "Profile", current_user %></li>
                <li><%= link_to "Settings", settings_path %></li>
                <li class="divider"></li>
                <li>
                  <%= link_to "Sign out", signout_path, method: "delete" %>
                </li>
              </ul>
            </li>
          <% else %>
            <li><%= link_to "Admin sign in", signin_path %></li>

          <% end %>
          <li><%= link_to "About",  about_path %></li>
          <li><%= link_to "Contact", contact_path %></li>
        </ul>
      </nav>
    </div>
  </div>
</header>
4

4 回答 4

0

检查 jQuery 加载的顺序。jQuery“首先”，所有其他插件都在后面。

于 2012-07-27T18:08:13.120 回答
0

生成的 HTML 是什么？Chrome 的开发者工具栏是否报告了任何错误？

我猜它期望在某个位置有一个 javascript 文件，但在那里看不到它。

于 2012-07-27T16:58:37.790 回答
0

//=require bootstrap之后你有没有尝试过移动//= require jquery？这解决了我的类似问题。

于 2012-08-20T16:14:25.793 回答
0

我遇到了类似的问题，Paolo del Mundo 的建议帮助我找到了我做错的地方。我在 Google Chrome 中查看了 HTML，发现出现了几个错误：

  • 加载资源失败：服务器响应状态为 404（未找到）

我对那个错误进行了 StackOverflow 搜索，嘿，你猜怎么着？原来我忘了在 config/environments/production.rb 中设置“config.assets.compile = true”。

/Picardfacepalm

我设置了它，添加/提交/推送到 Git，推送到 Heroku，刷新 Heroku 页面——宇宙中一切都很好。

于 2014-02-18T16:31:19.920 回答