modal affiche uniquement un arrière-plan sombre

Question

J'essaie de créer un modal bootstrap dans un projet RoR.J'utilise le verbe login, mais pas Devise.J'essaie juste de comprendre le modal sans la complexité de l'ajout de Disge!

Il me semble atteindre le serveur après avoir cliqué sur le lien de connexion mais je n'obtiens qu'une superposition grise !

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>

connexion.js.erb

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

site#connexion

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

sortie console

Démarrage de GET "/login" pour 127.0.0.1 le 28/07/2014 à 16:38:59 -0700

Traitement par SiteController#login en JS

Site rendu/_login.html.erb (0,0 ms)

Site rendu/login.js.erb (1,0 ms)

Answer 1

Le balisage de votre modal semble incorrect.On dirait que vous l'avez pris à partir d'un ancien exemple Bootstrap 2 ?Comparez-le avec les exemples de http://getbootstrap.com/javascript/#modals .

Les problèmes dans votre code incluent :

• Vous ne devriez pas utiliser le hide ou in Des classes
• Manquant modal-dialog et modal-content <div>s

Sur quelle ressource/exemple avez-vous basé votre code ?