Javascript Bootrap/Rails-可折叠导航栏不';我不能在手机里工作

Javascript Bootrap/Rails-可折叠导航栏不';我不能在手机里工作,javascript,css,ruby-on-rails,twitter-bootstrap,Javascript,Css,Ruby On Rails,Twitter Bootstrap,我用的是从引导程序来的。在手机中,菜单图标会出现,但当我单击它时,没有下拉菜单。我之所以浏览,是因为这似乎是一个常见的问题,但数据目标id是正确的,这似乎是其他人都有过的问题。我也无法在JS中发现任何错误,当我使用Chrome的开发工具检查页面时,控制台中没有抛出任何错误。这是我的HTML: <nav class="navbar navbar-default navbar-area"> <div class="container-fluid"> <div

我用的是从引导程序来的。在手机中,菜单图标会出现,但当我单击它时,没有下拉菜单。我之所以浏览,是因为这似乎是一个常见的问题,但数据目标id是正确的,这似乎是其他人都有过的问题。我也无法在JS中发现任何错误,当我使用Chrome的开发工具检查页面时,控制台中没有抛出任何错误。这是我的HTML:

<nav class="navbar navbar-default navbar-area">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#responsive-navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <%= image_tag "logo-wide-small.png", :class => "img-responsive" %>
    </div>

    <div class="collapse navbar-collapse nav-links-area" id="responsive-navbar">
      <ul class="nav navbar-nav navbar-right">
        <li><%= link_to "Signup", '#' %></li>
        <li><%= link_to "Login", '#' %></li>
        <li><%= link_to "Language", '#' %></li>
        <li><%= link_to "JOIN NOW", '#', {:class => "btn btn-warning", :role => "button"} %></li>
      </ul>
    </div>
  </div>
</nav>

切换导航
“img响应”%>
  • “btn btn警告”,:角色=>“按钮”}%>

如果您有任何帮助,我们将不胜感激。另外,我正在用Chrome的响应式网页设计测试仪测试这一点,而不是用实际的设备,我不确定这是否会产生影响

html标记看起来正常,因此请尝试检查
bootstrap.js
是否包含在
jQuery.js
文件之后,如下所示:

<script src="/jQuery.js"></script>
<!--followed by the bootstrap script-->
<script src="/bootstrap.js"></script>

我遇到了同样的问题,我把它放在

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

正确%>

根据CDN或它们所在的文件夹编辑路径文件,当然我刚刚在Devtools上检查过,看起来根本没有加载bootstrap.js。我正在使用RoR和引导sass gem,所以你知道如何修复吗?抱歉,我刚刚意识到application.js中缺少//require语句!我现在就去修,它正在工作,真是个愚蠢的错误!谢谢你的帮助,我完全不想检查:)太好了!!很高兴我能帮忙:)顺便说一句,你把你的引导程序和application.js合并了??