Ruby on rails Rails 3引导sass Rails和表单的模式显示

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

Gemfile app/assets/javascripts/application.js app/assets/stylesheets/application.css app/views/tasks/index.html.erb

true，'data toggle'=>“model”，'data target'=>“#model window'}%>
...

app/views/tasks/_new.html.erb

×
模态头
**你想展示什么就展示什么**
接近
保存更改

app/views/tasks/new.js.erb

$（“#模态窗口”）.html（“”）；

所以，这只是一个简单的应用程序，有一个单一的模式，我试图让我的脚湿。现在链接将作出响应。页面淡出，但我没有得到任何内容

---

我花了一个星期的时间，断断续续地想让它工作起来，但运气不好。提前感谢您的帮助。

您需要在

$（“#模态窗口”）

上调用

模态（）

。将app/view/tasks/new.js.erb更新为：

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

$（“#模态窗口”）.html（“”.modal（）

谢谢你的回答，vee，但尝试改变后，行为没有改变。我做了更多的实验，看起来索引文件中的代码覆盖了所有内容。不管我在new.js.erb中做了什么，我都会有同样的行为。你有什么收获吗？我相信这是因为请求不是用JS响应的，而是用HTML响应的。如果您查看rails服务器日志，它应该是Processing。。。作为HTML或作为JS

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

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

    <%= 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>

 <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>

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

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