트위터 부트 스트랩 및 레일 3

Question

내가 "bootstrap.js"을 다운로드하고, 내 레일에 넣고 한 자바 스크립트 디렉토리 내 자산 /에 넣어 한보기 :

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> 

은 twitter 가이드와 정확히 동일한 코드입니다. 페이지를 새로 고침 할 때 모달이 있으며 전혀 작동하지 않습니다. 버튼을 누르면 애니메이션이 표시되지 않고 모달이 팝업됩니다. 작동하도록하는 어떤 제안?

도이 JS 코드를 어디에 넣어야합니까?

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

Answer 1

/assets/javascripts/application.js을 확인하십시오.

이 줄이 포함되어 있습니까?

//= require_tree . 

또는 부스트랩에 필요한 모든 라인.

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

다음 실행 :이 어디 부트 스트랩을 장착 방법에주의를 기울여야입니다

rails generate bootstrap:install 

과 :

bundle install 

다음 실행

Answer 2

는 Gemfile에 twitter-bootstrap-rails 및 jquery-rails 보석을 포함 jQuery. 자신의 JavaScript 코드는 filename.js을 /assets/javascripts/

안에 넣습니다.