Twitter Bootstrap et Rails 3

J'ai téléchargé "bootstrap.js", et mis en mes actifs/javascript répertoire et je l'ai mis dans mes rails Vue:Twitter Bootstrap et Rails 3

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

qui est exactement le même code que dans le guide twitter. Lorsque je recharge la page, le modal est là, et ne fonctionne pas du tout, et quand j'appuie sur le bouton aucune animation n'est affichée, le modal surgit! une suggestion pour le faire fonctionner?

où puis-je mettre le code JS comme celui-ci?

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

Source

2012-09-13 Trt Trt

Vérifiez votre /assets/javascripts/application.js.

Inclut-elle cette ligne?

//= require_tree .

Ou toute ligne requise pour les boostraps.

Source

2012-09-13 13:58:04

Inclure twitter-bootstrap-rails et jquery-rails Gems dans votre Gemfile:

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

courent alors:

bundle install

Exécutez ensuite:

rails generate bootstrap:install

C'est devrait prendre soin où charger bootstrap et jQuery. Comme pour votre propre code JavaScript, mettez-le à l'intérieur filename.js dans /assets/javascripts/

Source

2013-07-19 11:14:45 bhakku

Twitter Bootstrap et Rails 3

Répondre

Questions connexes