Rails:引导下拉菜单不起作用

2023-12-13

我对 Rails 还很陌生,并且一直在关注 Michael Hartl 的教程。一切都进展顺利,直到我进入下拉菜单,该菜单不起作用,然后起作用,现在不起作用:(我已经阅读了几篇文章和修复程序,我怀疑我的修修补补已经开始了很简单,我已经做了一些事情来阻止它工作。 我会说我最初在我的 gem 文件中有 bootstrap-sass 2.x,然后将其更改为 3.x,但又回到 2.x,因为我没有意识到转到 3.x 会导致问题由于类名更改。所以,也许这个工作的时间是在我安装 bootstrap-sass 3.x 的时候,不确定。据我所知,一切都按其需要的方式设置。我正在 Windows 8.1 下进行开发,我必须修复 execjs 的问题,特别是 runtimes.rb 文件的问题。所以,这是我的详细信息:

Gemfile:

source 'https://rubygems.org'
ruby '1.9.3'
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.0.2'
gem 'bootstrap-sass', '2.3.2.0'
gem 'sprockets', '2.11.0'
gem 'bcrypt-ruby', '3.1.2'

# Use sqlite3 as the database for Active Record
gem 'mysql2', '0.3.15'

# Use SCSS for stylesheets
gem 'sass-rails', '4.0.1'

# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '1.3.0'

# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '4.0.1'

# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'

# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '1.2'

应用程序.js

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

_header.html.erb(下拉菜单所在的位置)

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "Catered Fit", root_path, id: "logo" %>
<!--      <%= link_to image_tag("logo.jpg", width: "25%"), root_path %>    -->
      <nav>
        <div class="nav pull-right">
<!--          <li><%= link_to "Home", root_path %></li>
          <li><%= link_to "Help", help_path %></li>   -->
          <% if !signed_in? %>
            <div class="navbar-form">
            <%= form_for(:session, url: sessions_path) do |f| %>
              <div class="span2 input-xlarge">
                <% f.label :email %>
                <%= f.text_field :email, placeholder: "Email" %>
              </div>
              <div class="span2 input-small">
                <% f.label :password %>
                <%= f.password_field :password, placeholder: "Password" %>
              </div>
              <div class="span2">
                <%= f.submit "Sign in", class: "btn btn-primary" %>
              </div>
            <% end %>
          <% else %>  
            <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", edit_user_path(current_user) %></li>
                <li class="divider"></li>
                <li>
                  <%= link_to "Sign out", signout_path, method: "delete" %>
                </li>
              </ul>
              <li><%= link_to "Sign out", signout_path, method: "delete" %></li>
            </li>
          <% end %>
        </div>
      </nav>
    </div>
  </div>
</header>

我在控制台窗口中没有看到任何错误,除了下拉菜单之外,其他一切都工作正常。

以下是来自网页的源代码:

<!DOCTYPE html>
<html>
  <head>
    <title>Ruby on Rails Tutorial Sample App | Dave Williams</title>
    <link data-turbolinks-track="true" href="/assets/application.css" media="all" rel="stylesheet" />
    <script data-turbolinks-track="true" src="/assets/application.js"></script>
    <meta content="authenticity_token" name="csrf-param" />
<meta content="SlKTCvDr5MFLP0EkthJHQeGIw+Yp0oGUrxvAeQMnVts=" name="csrf-token" />
    <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  </head>
  <body>
    <header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <a href="/" id="logo">Catered Fit</a>
<!--      <a href="/"><img alt="Logo" src="/assets/logo.jpg" width="25%" /></a>    -->
      <nav>
        <div class="nav pull-right">
<!--          <li><a href="/">Home</a></li>
          <li><a href="/help">Help</a></li>   -->
            <li><a href="#">Users</a></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><a href="/users/1">Profile</a></li>
                <li><a href="/users/1/edit">Settings</a></li>
                <li class="divider"></li>
                <li>
                  <a data-method="delete" href="/signout" rel="nofollow">Sign out</a>
                </li>
              </ul>
              <li><a data-method="delete" href="/signout" rel="nofollow">Sign out</a></li>
            </li>
        </div>
      </nav>
    </div>
  </div>
</header>
    <div class="container">
      <div class="row">
  <aside class="span4">
    <section>
      <h1>
        <img alt="Dave Williams" class="gravatar" src="https://secure.gravatar.com/avatar/387593e03fccc38895fc20a2084e27f5?s=50" />
        Dave Williams
      </h1>
    </section>
  </aside>
</div>

      <footer class="footer">
  <small>
    <a href="http://railstutorial.org/">Rails Tutorial</a>
    by Michael Hartl
  </small>
  <nav>
    <ul>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
      <li><a href="http://news.railstutorial.org/">News</a></li>
    </ul>
  </nav>
</footer>
      <pre class="debug_dump">--- !ruby/hash:ActionController::Parameters
action: show
controller: users
id: &#39;1&#39;
</pre>
    </div>
  </body>
</html>

非常感谢您提供一些帮助来解决这个问题。

预先感谢,如果我可以提供更多信息,请告诉我。


我将 app/assets/javascripts/application.js 中的指令顺序更改为:
//= require jquery //= require jquery_ujs //= require bootstrap //= require_tree .

很有魅力:)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Rails:引导下拉菜单不起作用 的相关文章

随机推荐

  • 使用 jaxb 将 java 对象转换为 xml,反之亦然(marshal 和 unmarshal)

    我应该有一个名为save 它应该将右侧面板中的计算机部件列表编组为 XML 文件 相反 另一种方法称为load 这应该将保存的 XML 文件解组回对象 所以基本上 保存 事件将调用save 方法并将右侧面板中的零件列表保存到 XML 文件
  • 打印n叉树python的所有路径

    我想在python中打印N叉树中从根到叶节点的所有路径 我有一个想法将其打印在二叉树中 但是在 N 进制中执行此操作不会给我正确的结果 我在这里弹出并访问子节点列表中的每个节点 但不确定如何单独打印每个叶节点的路径 class create
  • Rails 5 - 保存回滚,因为嵌套模型父模型未在子模型之前保存

    好吧 伙计们 Rails 5 确实与 Rails 4 有细微差别 我遇到的情况是 每次我单击表单上的提交按钮时 它都会重新加载并显示错误配置文件用户必须存在 and 个人资料用户不能为空 该表单加载良好 包括嵌套模型表单 但由于某种原因 在
  • java.lang.NumberFormatException:对于输入字符串:“22”

    public void loadFromFile String filename File file new File filename BufferedReader br try br new BufferedReader new Fil
  • ArrayList:大小如何增加?

    我有一个关于Java的基本问题ArrayList When ArrayList使用默认构造函数声明并初始化 创建 10 个元素的内存空间 现在 当我添加第 11 个元素时 会发生什么 是否会创建具有 20 个 或更多 元素容量的新内存空间
  • C 函数指针

    static void increment long long n n struct test void work fn long long struct test t1 t1 work fn increment 我现在如何实际调用该函数
  • Spring boot mongodb审计错误

    我正在尝试在 Spring Boot 应用程序中配置 mongodb 审核 并且在尝试保留域类时遇到此错误 java lang IllegalArgumentException Couldn t find PersistentEntity
  • F# 不可变的可变大小窗口数据结构

    下面是我需要的数据结构的描述 我想使用不可变的数据结构来实现它 我试图确定 是否有一个现有的数据结构可以支持我在这里尝试做的事情 或者我是否需要创建一个数据结构 如果我需要创建它 什么是好的从哪里开始 构建块 我有稳定的某种类型的传入值流
  • 如何将逻辑符号转换为 Haskell 语法

    我最近在大学学习了 Haskell 我正在做一组练习 下面是我无法理解的一个片段 考虑以下简单的前缀计算器语言的语法 num 0 1 2 3 4 5 6 7 8 9 int num num int expr int expr expr ex
  • 有条件渲染的输入组件不更新值

    使用 jsf 2 和 Primefaces 3 4 我知道有很多类似的问题 但没有一个能解决这个问题 当 panelGrid 内部 用 a 渲染时 true 的固定值
  • 如何使用 numpy 和 portaudio 提取低音、中高音

    如本例所示如何从输入音频流中提取频率信息 使用 PortAudio 我对 portaudio 和 numpy 很好奇 我对 fft 不是 100 确定 如何向 numpy 传递一个块并返回从 1 0 到 1 0 的低音 中音和高音的三个值
  • 如何使用多个LIKE运算符并使用索引

    在我的查询中 我想找到与许多 LIKE 运算符之一匹配的行 我知道 3 种方法 但只有其中一种可以使用索引 让我们从表格开始 CREATE TABLE dir id BIGSERIAL PRIMARY KEY path TEXT NOT N
  • 从 django 连接到多个 mongodb 实例

    我将 mongoengine 与 Django 结合使用 在我的项目中需要连接到两个 MongoDB 实例 同时处理单个请求 如果我使用它 效果很好 connect mdb1 do stuff with mdb1 connect mdb2
  • 如何过滤 CakePHP 中的深层关联

    我有以下表格 活页夹 文档 用户 docs users Doc 属于 Binder Doc hasAndBelongsToMany User 我想获取当前登录用户的活页夹及其关联文档 docs users 表中的关联 user id 我尝试
  • 无需 for 循环即可高效执行一维线性插值

    我正在尝试使用特定精度在 MATLAB 中执行线性插值 我想知道是否有一种有效的方法在 MATLAB 中编写线性插值函数 使其不需要 for 循环并且运行速度非常快 我想将传入的数据修改为特定的位宽 使用 quantize 函数 然后我还想
  • 将 C# double 转换为 Delphi Real48

    我发现了以下问题将 Delphi Real48 转换为 C double但我想走另一条路 从 C 到 Delphi 有谁知道如何做到这一点 我尝试过对代码进行逆向工程 但运气不佳 Update 我正在寻找 C 代码 该代码将采用 doubl
  • 导航栏/选项卡集具有反应性面板编号,但不渲染所有内容

    这个问题似乎是重复的 但让我解释一下为什么不是 我想创造一个闪亮的navbarPage具有固定元素和反应数tabPanels 对其他输入元素做出反应 关于如何创建响应式有很多问题tabsetPanels navbarPages但他们主要是为
  • 如何使用 jQuery 找到元素的绝对位置?

    有没有办法使用 jQuery 查找元素的绝对位置 即相对于窗口开头的位置 offset 将返回元素的偏移位置作为简单对象 例如 var position element offset position left 42 top 567 您可以
  • 以正确方式实现 Android Studio 3.6 时出现的 MultiDex 问题

    我将 Android Studio 更新到 3 6 在一个项目中 我遇到了 MultiDex 问题 并且不断收到此错误Calligraphy和另一个图书馆 E AndroidRuntime FATAL EXCEPTION main Proc
  • Rails:引导下拉菜单不起作用

    我对 Rails 还很陌生 并且一直在关注 Michael Hartl 的教程 一切都进展顺利 直到我进入下拉菜单 该菜单不起作用 然后起作用 现在不起作用 我已经阅读了几篇文章和修复程序 我怀疑我的修修补补已经开始了很简单 我已经做了一些