为什么这个引导程序下拉菜单在Rails中不起作用?

时间:2013-05-07 18:45:02

标签: javascript ruby-on-rails ruby-on-rails-3 twitter-bootstrap

我是Rails的新手,我已经在网上找到了这个问题的答案。我尝试了许多不同的解决方案,但它们似乎都没有用。这就是我所拥有的。

在我的标题中:

<header class="navbar navbar-fixed-top"> 
  <div class="navbar-inner"> 
    <div class="container"> 
      <%= link_to "Example App", root_path, id: "logo" %> 
      <nav> 
        <ul class="nav pull-right"> 
          <li> <%= link_to "Home", root_path %> </li> 
          <li> <%= link_to "Help", help_path %> </li> 
          <% if signed_in? %> 
            <li> <%= link_to "Users", '#' %> </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", '#' %> </li> 
                <li class="divider"></li> 
                <li> 
                  <%= link_to "Sign out", signout_path, method: "delete" %> 
                </li> 
              </ul> 
            </li> 
          <% else   %> 
            <li> <%= link_to "Sign in", signin_path %> </li> 
          <% end  %> 
        </ul> 

      </nav> 
    </div> 
  </div> 
</header>

 My applications.js File:
    //= require jquery 
//= require jquery_ujs 
//= require bootstrap
//= require_tree .

2 个答案:

答案 0 :(得分:1)

尝试将此代码添加到您的网页。

<%= javascript_include_tag "application" %>

这将加载application.js文件及其所需的所有文件。

答案 1 :(得分:0)

Rails对你的javascript中 的内容不负责任,因此推特功能无效的唯一问题是以下两个条件:

  1. 您没有为bootstrap编写正确的标记,或
  2. 您没有包含运行所需的JavaScript。
  3. 正如Derek_duncan所说,你可以包含你的rails javascript代码:<%= javascript_include_tag "application" %>

    使用该方法,您假设引导程序。[min。] js文件实际上在您的/ assets / js /目录中,并且您将设置为加载所有JS资产,无论如何。如果你以不同的方式进行设置,那么你必须具体包含JS标签。