rails 4 中的模态（引导程序）自从 rails 3 升级到 rails 4 后现在无法正常工作

Question

我最近开始努力将我的一些较旧的 Rails 3 应用程序升级到 Rails 4。我有一个供用户输入数据的模式。问题是，因为升级我的模态将无法工作。屏幕会变暗，就像它要显示一样，但什么也没有。任何帮助将不胜感激。

宝石文件：

gem 'rails', '4.1.8'
gem 'sass-rails'
gem 'bootstrap-sass'

Gemfile.Lock:

bootstrap-sass (3.3.5.1)
sass (3.4.16)
sass-rails (5.0.3)
  railties (>= 4.0.0, < 5.0)
  sass (~> 3.1)
  sprockets (>= 2.8, < 4.0)
  sprockets-rails (>= 2.0, < 4.0)
  tilt (~> 1.1)

Application.js:

//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require jquery.turbolinks
//= require best_in_place
//= require turbolinks
//= require bootstrap
//= require jquery_nested_form
//= require jquery.scrollTo
//= require floatlabel
//= require gritter

风格sheet：

@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'jquery.ui.all';
@import "font-awesome";
@import "gritter";

我的看法：

%td.b.trace-table
  .row-fluid
    .span12
      %a{:href => "#time-entry", :role => "button", :class => "btn btn-primary", 'data-toggle' => "modal", 'data-target' => "#time-entry",'data-type' => "html"}Time Entry
      #time-entry.modal.hide
        =render "modal", :entry => e

这是我的模态：

.modal-header
  %button{:type => "button", :id => "close_modal", :class => "close", :'data-dismiss' => "modal"}×
.modal-body
  = simple_form_for @labor, :html => {:class => 'form-inline'} do |f|
    = f.input :good_qty,           :as => "hidden", :label => false, :input_html => {:value => '0'}
    = f.input :bad_qty,            :as => "hidden", :label => false, :input_html => {:value => '0'}
    %table.table.table-striped
      %tbody
        %tr
          %td.lt User ID:
          %td.lt= f.input :user_id, :label => false, :readonly => true, :input_html => {:value => current.user.id}
          %td.lt Date:
          %td.lt= f.input :create_date, :as => :string, :label => false, :readonly => true, :input_html => {:value => current.date}
        %tr
          %td.lt Hours Worked:
          %td.lt= f.input :hours_worked, :label => false
        %tr
          %td.lt PIN:
          %td.lt= f.input :pin, :label => false, :input_html => { :password => 'password' }
    = f.button :submit, "Submit", :class => "btn btn-primary"
.modal-footer

在我点击时间条目之前

点击时间输入后

Answer 1

您必须删除您的 .hide class。模态框在没有它的情况下是隐藏的，当你打开它时它会保持隐藏状态。

  #time-entry.modal
    =render "modal", :entry => e

我还必须重命名一些请求uires 以使我的应用程序正常工作（我使用了与您相同的 gem）

@import 'jquery-ui';

在 application.css.scss 和

中

//= require jquery-ui
//= require turbolinks

在application.js

p.s 我用了 jquery-ui-rails (5.0.5).

rails 4 中的模态（引导程序）自从 rails 3 升级到 rails 4 后现在无法正常工作

Modal (boot-strap) in rails 4 not working now since upgrading from rails 3 to rails 4

ruby

ruby-on-rails

ruby-on-rails-4

bootstrap-modal