JavaScript 不确定代码做什么

Question

我在登录脚本中使用下面的 JavaScript，但我想知道它到底做了什么。

$(function() {

    $('#login-form-link').click(function(e) {
        $("#login-form").delay(100).fadeIn(100);
        $("#register-form").fadeOut(100);
        $('#register-form-link').removeClass('active');
        $(this).addClass('active');
        e.preventDefault();

    });

    $('#register-form-link').click(function(e) {
        $("#register-form").delay(100).fadeIn(100);
        $("#login-form").fadeOut(100);
        $('#login-form-link').removeClass('active');
        $(this).addClass('active');
        e.preventDefault();
    });

});

我认为这与 css 有关，可能与激活 css 类有关？

非常感谢任何帮助!

提前致谢!

Answer 1

如果您单击登录链接，它会淡出注册表单，同时淡出登录表单，然后为登录表单提供事件的 CSS 类。

如果您单击注册链接，它会淡出登录表单，同时淡入注册表单，然后为注册表单提供事件的 CSS 类。

简而言之，如果您点击登录，就会出现登录表单。如果单击注册，将显示注册表格。它也只是做一些动画和 css 类分配。