Ruby on rails rails 3.2引导下拉菜单
如果我点击我的下拉菜单,什么都没有发生 下面是一些代码行: app/assets/javascripts/application.jsRuby on rails rails 3.2引导下拉菜单,ruby-on-rails,twitter-bootstrap,drop-down-menu,Ruby On Rails,Twitter Bootstrap,Drop Down Menu,如果我点击我的下拉菜单,什么都没有发生 下面是一些代码行: app/assets/javascripts/application.js /=需要引导 //=需要jquery //=需要jquery\u ujs //=需要一棵树。 app/views/layouts/application.html.erb <%= stylesheet_link_tag "application", media: "all" %> <%= javascript_include_tag
/=需要引导
//=需要jquery
//=需要jquery\u ujs
//=需要一棵树。
app/views/layouts/application.html.erb
<%= stylesheet_link_tag "application", media: "all" %>
<%= javascript_include_tag "application", media: "all" %>
<%= csrf_meta_tags %>
<%= favicon_link_tag %>
<header class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<%= link_to "Something", root_path, id: "logo" %>
<ul class="nav pull-right noline">
<li><%= link_to "Docs", '/home' %></li>
<% if user_signed_in? %>
<li id="fat-menu" class="dropdown bold">
<a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
<%= current_user.username %><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Settings", edit_user_registration_path %></li>
<li class="divider"></li>
<li>
<%= link_to "Logout", destroy_user_session_path %>
</li>
</ul>
</li>
<% end %>
</ul>
</div>
</div>
</header>
app/views/layouts/_header.html.erb
<%= stylesheet_link_tag "application", media: "all" %>
<%= javascript_include_tag "application", media: "all" %>
<%= csrf_meta_tags %>
<%= favicon_link_tag %>
<header class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<%= link_to "Something", root_path, id: "logo" %>
<ul class="nav pull-right noline">
<li><%= link_to "Docs", '/home' %></li>
<% if user_signed_in? %>
<li id="fat-menu" class="dropdown bold">
<a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
<%= current_user.username %><b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Settings", edit_user_registration_path %></li>
<li class="divider"></li>
<li>
<%= link_to "Logout", destroy_user_session_path %>
</li>
</ul>
</li>
<% end %>
</ul>
</div>
</div>
</header>
-
-
试试这个:
jQuery(document).ready(function($) {
$('.dropdown-toggle').dropdown();
});
试试这个:
jQuery(document).ready(function($) {
$('.dropdown-toggle').dropdown();
});
更新:版本
2.0.0
上的bootstrap sass
gem提供了使用过时$的Twitter引导。浏览器
属性。因此,请将其更新到最新版本(2.2.2
目前为止)
将application.js
中指令的顺序更改为:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
**遵循顺序很重要~
//=需要一棵树。
是最不需要的。更新:似乎
引导sass
gem at版本2.0.0
提供了使用过时的$浏览器属性的Twitter引导。因此,请将其更新到最新版本(2.2.2
目前为止)
将application.js
中指令的顺序更改为:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
**遵循顺序很重要~
//=需要一棵树。
是最后一项要求。您是否尝试包含以下内容:
<%= javascript_include_tag "jquery" %>
<%= javascript_include_tag "jquery.min" %>
<%= javascript_include_tag "jquery-ui" %>
我不能肯定地记住这些文件,但如果它们不是,请尝试将它们包括在内。确保它们位于asset/javascript文件夹中
我的意思是,这只是一个示例,您也可以将它们包含在application.js
中
<%= javascript_include_tag "jquery" %>
<%= javascript_include_tag "jquery.min" %>
<%= javascript_include_tag "jquery-ui" %>
我不能肯定地记住这些文件,但如果它们不是,请尝试将它们包括在内。确保它们位于asset/javascript文件夹中
我的意思是,这只是一个例子,您可以将它们也包括在application.js
中我也遇到了类似的问题。通过将我使用的引导版本更改为->
gem'bootstrap sass',2.3.1.0'我也有类似的问题。通过将我使用的引导版本更改为->
gem'bootstrap sass',2.3.1.0'我回答了一个类似的问题,下拉菜单也没有触发,但这只发生在我自己身上
<a href="#" ,class="dropdown-toggle" ,data-toggle="dropdown">
是的,这只是一个语法错误。
我以前没有在我的作品中使用过HTML语言
wtf
嗯,如果你也读了Micheal Heart的Rails教程,并通过其他问题的解决方案修改了代码,那么,把它们转换为源代码。我回答了一个类似的问题,下拉菜单也没有触发,但这只发生在我自己身上
<a href="#" ,class="dropdown-toggle" ,data-toggle="dropdown">
是的,这只是一个语法错误。
我以前没有在我的作品中使用过HTML语言
wtf
嗯,如果你也读了Micheal Heart的Rails教程,并通过其他问题的解决方案修改了代码,那么,把它们转换为源代码。你能试着在你的js文件中添加这个$('.dropdown toggle').dropdown()
?我已经将它添加到application.js中,但在文档中没有添加任何更改jetIt。准备好了吗。。添加它的正确语法是什么?能否尝试将bootstrap sass
更新到最新版本?能否尝试在js文件中添加此$('.dropdown toggle').dropdown()
?我已将其添加到application.js中,但在文档中未添加任何更改jetIt。准备好了吗。。将其添加到那里的正确语法是什么?能否尝试将引导sass
更新到最新版本?是否尝试过其他答案?你在Chrome控制台或Firebug中看到错误了吗?如果我加载站点,Firebug控制台会说:TypeError:$。如果($.browser.webkit){也不工作,浏览器未定义[中断此错误]。你需要其他信息吗?你的资产文件夹中有bootstrap-dropdown.js?此文件加载正确:Started GET2013-03-29 11:28:22+0100服务资产/bootstrap-dropdown.js-304未修改(0ms)时127.0.0.1的“/assets/bootstrap-dropdown.js?body=1”是否尝试过其他答案?是否在Chrome控制台或Firebug中看到错误?如果加载站点,Firebug控制台会显示:TypeError:$。如果($.browser.webkit)浏览器未定义[在此错误时中断]{也不起作用…您需要提供其他信息吗?您的资产文件夹中有bootstrap-dropdown.js?此文件已正确加载:Started GET“/assets/bootstrap dropdown.js?body=1”,适用于2013-03-29 11:28:22+0100服务资产/bootstrap-dropdown.js-304未修改(0ms)我应该在旧版本中试试吗?@HappyHacking我怀疑降级会解决任何问题。愚蠢的问题:你重置了你的服务器吗?在配置中你是否将资产:预编译设置为真?你是否在资产/javascript
中提到过文件,或者它们是否在公共/javascript
中编译你运行过rake-assets:precompile
?-这是我能马上想到的所有可能的选项,我应该用旧版本试试吗?@HappyHacking我怀疑降级会解决任何问题。愚蠢的问题:你重置服务器了吗?在配置中你把assets:precompile
设置为true
?你有吗在assets/javascript
中提到的文件,或者如果它们是在public/javascript
中编译的,并且您运行了rake-assets:precompile
?-这是我可以立即想到的所有可能选项