在Rails中使用bootstrap-sass，Bootstrap / Javascript无法正常工作

Question

试图学习铁轨（而且我在开发过程中还很早就开始了）但是我已经撞墙了，我正在摸不着头脑。

我正在尝试通过bootstrap-sass来利用bootstrap，看起来当我使用默认的bootstrap导航栏时，我可以让条形图呈现 - 但它不是交互式的。 看起来javascript工作不正常，但我不确定为什么。

我的gemfile：

source 'https://rubygems.org'

gem 'rails'
gem 'bootstrap-sass'
gem 'sprockets'
gem 'sass-rails'
gem 'uglifier'
gem 'coffee-rails'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder'

gem 'sdoc', '~> 0.4.0',          group: :doc


group :development do
  gem 'sqlite3'
  gem 'spring'
end

group :production do
  gem 'pg'
  gem 'rails_12factor'
end

application.css

  *= require_tree .
  *= require_self

应用程序/ Javascript角/ application.js中

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

custom.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

配置/ application.rb中

module FamilyLunch
   class Application < Rails::Application
     config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)
end

application.html.erb

<html>
<head>
  <title>Family Lunch | <%= yield(:title) %> </title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<%= render 'layouts/header' %>
<div class='container'>
    <% flash.each do |key, value| %> 
    <div class="alert alert-<%= key %>"><%= value %></div>
    <% end %> 
<%= yield %>
<%= render 'layouts/footer' %>
<%= debug(params) if Rails.env.development? %>
</div>

</body>
</html>

Answer 1

对于JavaScript，您必须添加//= require bootstrap-sprockets到application.js如下所示：

应用程序/ Javascript角/ application.js中

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

Answer 2

对于Solidus，创建app / assets / spree / frontend / all.js并包括：

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

这将覆盖app / assets / application.js

在Rails中使用bootstrap-sass，Bootstrap / Javascript无法正常工作

问题描述

2 个解决方案

解决方案1
3 已采纳 2014-12-29 22:11:59

解决方案2
0 2018-02-04 19:20:51

在Rails中使用bootstrap-sass，Bootstrap / Javascript无法正常工作

问题描述

2 个解决方案

解决方案1 3 已采纳 2014-12-29 22:11:59

解决方案2 0 2018-02-04 19:20:51

解决方案1
3 已采纳 2014-12-29 22:11:59

解决方案2
0 2018-02-04 19:20:51