модальный режим показывает только темный фон

Question

Я пытаюсь создать модальную загрузку в проекте RoR.Я использую глагол входа в систему, но не использую Devise.Я просто пытаюсь выяснить модал без сложности добавления разработки!

Кажется, я дошел до сервера после нажатия на ссылку для входа, но у меня появляется только серое наложение!

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>

логин.js.erb

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

сайт#логин

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

консольный вывод

Начал GET "/login" для 127.0.0.1 в 2014-07-28 16:38:59 -0700.

Обработка SiteController#войти как JS

Обработанный сайт/_login.html.erb (0,0 мс)

Обработанный сайт/login.js.erb (1,0 мс)

Answer 1

Разметка вашего модального окна кажется неправильной.Похоже, вы взяли это из старого примера Bootstrap 2?Сравните его с примерами в http://getbootstrap.com/javascript/#modals .

Проблемы в вашем коде включают:

• Вам не следует использовать hide или in занятия
• Отсутствующий modal-dialog и modal-content <div>с

На каком ресурсе/примере вы основывали свой код?