Javascript Bootrap/Rails-可折叠导航栏不';我不能在手机里工作
我用的是从引导程序来的。在手机中,菜单图标会出现,但当我单击它时,没有下拉菜单。我之所以浏览,是因为这似乎是一个常见的问题,但数据目标id是正确的,这似乎是其他人都有过的问题。我也无法在JS中发现任何错误,当我使用Chrome的开发工具检查页面时,控制台中没有抛出任何错误。这是我的HTML: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
<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合并了??