مشروط يظهر فقط الخلفية المظلمة

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 

إخراج وحدة التحكم

بدأ الحصول على "/login" لـ 127.0.0.1 في 2014-07-28 16:38:59 -0700

المعالجة بواسطة SiteController#login كـ 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>س

ما المورد/المثال الذي استندت إليه في التعليمات البرمجية الخاصة بك؟