1

我已经下载了“bootstrap.js”，并将其放入我的 assets/javascript 目录中，并将其放入我的 rails 视图中：

新的.html.erb

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<-- Modal -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <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">
    <p>One fine body…&lt;/p>
  </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>
</div>

这与 twitter 指南中的代码完全相同。当我重新加载页面时，模式就在那里，并且根本不起作用，当我按下按钮时没有显示动画，模式只是弹出！有什么建议让它发挥作用吗？

我还把这样的 JS 代码放在哪里？

$('#myModal').modal('toggle')
4

2 回答 2

0

检查您的/assets/javascripts/application.js.

包括这条线吗？

//= require_tree .

或boostraps所需的任何线路。

于 2012-09-13T13:58:04.057 回答
0

在您的 Gemfile 中包含twitter-bootstrap-rails和Gems：jquery-rails

gem 'twitter-bootstrap-rails'
gem 'jquery-rails'

然后运行：

bundle install

然后运行：

rails generate bootstrap:install

这应该注意加载引导程序和 jQuery 的位置。至于你自己的 JavaScript 代码放在filename.js里面/assets/javascripts/

于 2013-07-19T11:14:45.343 回答