標準レイアウトにこのようなモーダルウィンドウがあります(デフォルトは非表示です)
.sign_in_modal
.top
%h4
Вход для пользователей
= link_to "Закрыть", "#", :remote => true, :class => "close-link"
.left
.input-area
= form_tag new_user_session_path do
= email_field_tag :email, nil, :placeholder => "Ваш e-mail", :required => "true", :class => "input"
= password_field_tag :password, nil, :placeholder => "Ваш пароль", :required => "true", :class => "input"
= check_box_tag "Запомнить меня",'user[remember_me]', true
%span
Запомнить?
.button-area
= submit_tag "Вход", :class => "sign_in_link", :id => "submit"
.right
%h4
или
%p
Войти при помощи:
= link_to image_tag('facebook.png'), user_omniauth_authorize_path(:facebook)
= link_to image_tag('vk.png'), url_for(user_omniauth_authorize_path(:vkontakte))
%h4
Преимущества:
私のjsは次のようになります:
jQuery(function($) {
$(".close-link").click(function() {
$(".sign_up_modal").hide();
$(".sign_in_modal").hide();
$('.hide').hide("slow");
});
$(".sign_in_link").click(function() {
console.log("eue123ueu");
$('.hide').fadeTo("slow",0.8);
$(".sign_in_modal").show();
$(".sign_in_modal").center();
});
});
しかし、フォームに入力してボタンをクリックしても、何も起こりません。その方法は、フォームに入力して[送信]ボタンをクリックした場合に、認証ログを作成する方法です。