0

このアプローチについて何か考えはありますか？どんなフィードバックでも大歓迎です。tryFindUserName は、単純な true または false を返す AJAX 呼び出しです。私の懸念は、それが十分にきちんとしていないこと、または非常によく伸びていないことです. また、以下のコードは常に img を非表示および表示するため、状態の変化を確認する必要があります。

また、画像パスのハードコーディングについて何か考えはありますか?

// Change handlers for registration form
//
$('#login_register_username').keyup(function () {
    var length = $('#login_register_username').val().length;
    if (length < 4) {
        return;
    }

    var source = null;
    var result = tryFindUserName($('#login_register_username').val());
    if (result == false) {
        source = "tick.png";
    }
    else {
        source = "cross.png";
    }

    $("#login_register_username_confirmation_img").hide().attr('src', '../../Images/Ajax/' + source);
    $("#login_register_username_confirmation_img").fadeIn(1000);

    updateRegisterButtonState();
});
4

1 に答える 1

0

スタイリングには JavaScript ではなく CSS を使用します。

JavaScript を使用すると、要素をフェード イン/アウトしたり、特定のユーザー アクションでクラスを切り替えたりすることができます。ただし、フェードは CSS トランジションでも行うことができます。(例)。

あなたの場合、両方の状態で画像を作成し、アニメーション化しますbackground-position

于 2013-02-26T15:48:43.697 に答える