使用来自 Twitter 的 javascript 的 bootstrap-sass gem答案

【问题标题】：Using bootstrap-sass gem with javascript from Twitter使用来自 Twitter 的 javascript 的 bootstrap-sass gem
【发布时间】：2012-12-12 09:48:39
【问题描述】：

我正在尝试实现工具提示功能，如下所示：http://twitter.github.com/bootstrap/javascript.html#tooltips 使用 Ruby on Rails 3 的 Bootstrap-sass gem。我已经完成了以下操作，但它不起作用（当我将鼠标悬停在文本上）：

在gem文件中：

gem 'bootstrap-sass', '2.1'

在 application.js 中：

//= require bootstrap

在 show.js.erb 中：

$('#example').tooltip(options);

在show.html.erb中：

<a href="#" id="example" title="first tooltip" data-placement="right">
  hover over me</a>

为什么这不起作用？

application.js：

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

视图/布局/application.html.erb：

<!DOCTYPE html>
<html>
<head>
<title><%= full_title(yield(:title)) %></title>
<%= stylesheet_link_tag "application", media: "all" %>
<%= javascript_include_tag "application" %>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js?ver=1.4.0"></script> 
<%= csrf_meta_tags %>
<%= render 'layouts/shim' %>
</head>
<body>
<%= render 'layouts/header' %>
<div class="container">
  <%= yield %>
  <%= render 'layouts/footer' %>
  <%= debug(params) if Rails.env.development? %>
 </div>
</body>
</html>

宝石文件：

source 'https://rubygems.org'

gem 'rails', '3.2.7'
gem 'bootstrap-sass', '2.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.6'
gem 'jquery-rails'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

gem 'sqlite3'

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'

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

gem 'uglifier', '>= 1.0.3'
end

group :development do
  gem 'annotate', '2.5.0'
end

【问题讨论】：

您是否在终端上尝试过bundle install？如果您这样做了，您是否将 css 文件附加到您的 assets 文件中的 application.css？
是的，gem 安装正确；我一直在用它来为页面做 CSS 样式，而且效果很好。正如本教程中所做的那样，我已将所有 CSS 放入 custom.css.scss 中：ruby.railstutorial.org/chapters/rails-flavored-ruby#top
你的 gemfile 中有 gem sass-rails 吗？很抱歉所有这些问题，但没有看到目录或完整的源代码，我不知道你做了什么或没做什么。
没问题 - 是的，它也已安装。当您说源代码时——实际上，这些是我在 show.js.erb 和 show.html.erb 文件中放入的唯一行。我需要添加某行，例如吗？我试着把 some_file_name = "bootstrap.js" 这没有造成任何变化。也没有添加通常的 jquery $(document).ready(function()
如果您将 js 和 css 放在各自的应用程序文件中，则应将其加载到任何视图文件中。我最好的建议是使用您的相关代码更新您的问题，即查看页面、您的 js 文件和您的应用程序文件。或者将我们指向您的 github 存储库。那也可以。我只需要查看某种目录。

标签： ruby ruby-on-rails-3 html twitter-bootstrap bootstrap-sass

【解决方案1】：

你需要这个：

// Loads all Bootstrap javascripts
//= require bootstrap

来自https://github.com/thomas-mcdonald/bootstrap-sass

【讨论】：