2013-12-17 4 views
4

Я пытаюсь показать модальный, который включает в себя информацию об объекте. Я бег Rails 4 и Bootstrap 3. Я последовал пример на SO и получил ошибку:Bootstrap 3 модальная ошибка с Rails 4

Sprockets::FileNotFound in Gifts#index 
couldn't find file 'bootstrap-modal' 

Моего Gemfile выглядит следующим образом:

gem 'rails', '4.0.0' 
gem 'bootstrap-sass', '3.0.2.0' 
gem 'activeresource' 

group :assets do 
    gem 'jquery-ui-rails' 
    gem 'jquery-modal-rails' 
end 

group :development, :test do 
    gem 'sqlite3', '1.3.8' 
    gem 'rspec-rails', '2.13.1' 
end 

group :test do 
    gem 'selenium-webdriver', '2.35.1' 
    gem 'capybara', '2.1.0' 
    gem 'factory_girl_rails', '4.2.1' 
end 

gem 'sass-rails', '4.0.1' 
gem 'uglifier', '2.1.1' 
gem 'coffee-rails', '4.0.1' 
gem 'jquery-rails', '3.0.4' 
gem 'turbolinks', '1.1.1' 
gem 'jbuilder', '1.0.2' 
gem 'devise' 
gem 'activeadmin', github: 'gregbell/active_admin' 
gem 'paperclip' 
gem 'aws-sdk' 
gem 'rmagick', '2.13.2' 
gem 'stripe', :git => 'https://github.com/stripe/stripe-ruby' 


group :doc do 
    gem 'sdoc', '0.3.20', require: false 
end 

group :production do 
    gem 'pg', '0.15.1' 
    gem 'rails_12factor', '0.0.2' 
end 

application.js

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

$(document).ready(function() { 
    $('#modal-window').modal('show'); 
    $('.modal-body').html('<%= escape_javascript(render :partial => "recipient_data", :object => @gift) %>'); 
}); 

show.html.erb

<div class="modal hide fade" id="modal-window"> 
<div class="modal-header"> 
    <a href="#" class="close">×</a> 
</div> 

<div class="modal-body center"> 
<h2>Hello, World</h2> 
<%= render 'charges/recipient_data' %> 
</div> 

<div class="modal-footer">&nbsp; 
</div> 
</div> 

ссылка на модальный на моем индексной странице

<%= link_to 'Show', gift_path(gift), {:remote => true, 
'data-controls-modal' => "modal-window", 
'data-backdrop' => true, 
'data-keyboard' => true, 
:class => "btn btn-primary ", :id => 'show_gift'} %> 

Как я должен загрузить самозагрузки-режимные в этом случае?

ответ

13

Текущая версия bootstrap-sass использует немного другой требует линии (с / вместо -)

//= require bootstrap/modal 

Однако, так как вы уже включая //= require bootstrap, нет необходимости требовать modal файл отдельно.

+0

Работает отлично сейчас. Спасибо! – Questifer

Смежные вопросы