Modal은 어두운 배경 만 보여줍니다

Question

ROR 프로젝트에서 부트 스트랩 모달을 만들려고합니다.나는 동사 로그인을 사용하고 있지만 고안을 사용하지는 않습니다.나는 단지 그것을 추가하는 복잡성없이 모달을 파악하려고 노력하고 있습니다. 유증!

로그인 링크를 클릭 한 후 서버에 도달하는 것 같지만 회색 오버레이 만 얻는 것만!

application.htm.erb

 <div class="container">
  <div class="well">
   <%= link_to 'login', login_url,
   {:remote => true,
    'data-toggle' =>  "modal",
     'data-target' => '#login',
      :class => "btn btn-primary "} %>
     </div>
  </div>
  <div id="login" class="modal hide fade"></div>

.

_login.html.erb

<div class="modal hide fade in" id="login">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">x</button>
    <h2>Sign in</h2>
  </div>
  <div class="modal-body">
    <h2>Login form will go here</h2>
  </div>
  <div class="modal-footer">modal footer text</div>
</div>

.

login.js.erb

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

.

사이트 # 로그인

def login
  respond_to do |format|
     format.js
   end
end 

.

콘솔 출력

시작하기 2014-07-28 16:38 - 07-28에서 127.0.0.1에 "/ login"을 얻으십시오.

SiteController에 의한 처리 # JS

로 로그인

렌더링 된 사이트 / _login.html.erb (0.0ms)

렌더링 사이트 / login.js.erb (1.0ms)

Answer 1

귀하의 모달의 마크 업이 부정확 해 보입니다.오래된 부트 스트랩 2 예에서 가져 갔는 것처럼 보입니까? http://getbootstrap.com/javascript/#modals의 예와 비교하십시오. 코드의 문제점은 다음과 같습니다.

• hide 또는 in 클래스
를 사용하면 안됩니다.
• 누락 modal-dialog 및 modal-content <div>

어떤 자원 / 예제를 사용하셨습니까?