Rails 3 bootstrap-sass-rails和表单的模式显示

Question

我正在努力让一个简单的模式对话框显示在我的rails应用程序中。以下是相关文件。

Gemfile

group :assets do
...
  gem 'bootstrap-sass-rails'
...
end

app/assets/javascripts/application.js

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

app/assets/stylesheets/application.css

@import "bootstrap";
@import "bootstrap/modal";

应用程序/视图/任务/index.html.erb

    <%= link_to 'Modal', new_task_path,  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
...
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>

app/views/task/_new.html.erb

 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    **here comes whatever you want to show!**
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>

app/views/task/new.js.erb

$("#modal-window").html("<%= escape_javascript(render 'new') %>");

所以这只是一个简单的应用程序，只有一个模型，我正在尝试尝试。现在，链接将会响应。页面会褪色，但我没有看到任何内容。

我花了一周的时间，在没有太多运气的情况下，断断续续地尝试着让它工作。提前感谢您的帮助。

Answer 1

您需要在$("#modal-window")上调用modal()。将app/view/tasks/new.js.erb更新为：

$("#modal-window").html("<%= escape_javascript(render 'new') %>").modal()