Question

对这种方法有何想法？任何反馈都非常感谢。 tryFindUserName是一个AJAX调用，返回一个简单的true或false。我担心的是它不够整洁，也不能很好地延伸。另外，我应该检查状态更改，因为下面的代码总是隐藏并显示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();
});

Answer 1

使用CSS进行样式设计，而不是javascript。

使用javascript，您可以淡入/淡出元素，或者在某些用户操作上切换类等等。但也可以通过CSS转换完成淡入淡出。（Example）。

在您的情况下，我会创建一个包含两种状态的图像，并为background-position

设置动画

通过jQuery思考图像替换衰落等问题

1 个答案: