1

ログインフォームがあります。入力がフォーカスされると、css クラスを追加することで「パスワードを忘れた」要素と「覚えておいてください」要素が表示され、それらがぼやけると、クラス「sho」を削除することで要素が再び非表示になります。showいずれかの要素またはログイン リンクをクリックした場合に、要素がクラスを保持するようにしたい"

$(document).ready(function() {
    $('.login *').focus(showlogin);
    $('.login *').blur(hidelogin);
});


function showlogin(){
    $('.login .hidden').addClass("show");
}

function hidelogin(){
    $('.login .hidden').removeClass("show");
}

HTML:

<form class="login">
  <input type="text"/>
  <input type="password"/>
  <a class="loginbutton" href="#">Log in</a>
  <br />
  <a class="hidden" href="#">Forgotten password</a>
  <label class="hidden"><input type="checkbox" /> Remember me</label>
</form>
4

1 に答える 1

1

にバインドする代わりにblur、ログイン フォームの外側のクリックにバインドします。

これは、ページの外をクリックするとログインボックスを閉じるコードです。必要に応じて調整できます。

    $(document).mousedown(function (e) {
        if ($(e.target).closest("#signin").length == 0) {
            $(".signin").removeClass("menu-open");
            $("fieldset#signin_menu").hide();
        }
    });
于 2012-10-06T11:24:25.720 に答える