1

「bootstrap.js」をダウンロードし、assets/javascript ディレクトリに入れ、これを Rails ビューに入れました。

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

またはブーストラップに必要な任意の行。

于 2012-09-13T13:58:04.057 に答える
0

Gemfiletwitter-bootstrap-railsにjquery-rails以下の Gem を含めます。

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 に答える