javascript - 如何在点击时将类添加到正文标记

Question

您好，我已经为 WordPress 创建了 3 个模态，用于登录注册和密码重置，但是我的幻灯片菜单 z-index 有问题，因此当我单击模态时找到一种将类添加到 body 标记的方法会很棒按钮。

这是我的 JavaScript 代码:

jQuery(document).ready(function(a) {
    a("#pop_login, #pop_signup").on("click", function(b) {
        return formToFadeOut = a("#register"), formtoFadeIn = a("#login"), "pop_signup" == a(this).attr("id") && (formToFadeOut = a("#login"), formtoFadeIn = a("#register")), formToFadeOut.fadeOut(10, function() {
            formtoFadeIn.fadeIn()
        }), !1
    }), a("#pop_forgot").click(function() {
        return formToFadeOut = a("#login"), formtoFadeIn = a("#forgot_password"), formToFadeOut.fadeOut(10, function() {
            formtoFadeIn.fadeIn()
        }), !1
    }), a(document).on("click", ".modal-backdrop, span.close", function() {
        return a("#login, #register, #forgot_password").fadeOut(10, function() {
            a(".login_overlay").remove()
        }), !1
    }), a("#show_login, #show_signup").on("click", function(b) {
        a("body").prepend('<div class="modal-backdrop fade in" style="height: 541px;"></div>'), "show_login" == a(this).attr("id") ? a("#login").fadeIn(10) : a("#register").fadeIn(10), b.preventDefault()
    }), a("#login_form, #registration_form").on("submit", function(b) {
        return !!a(this).valid() && (a("p.errors", this).show().text(ajax_auth_object.loadingmessage), action = "ajaxlogin", username = a("#login_form #username").val(), password = a("#login_form #password").val(), email = "", security = a("#login_form #security").val(), "registration_form" == a(this).attr("id") && (action = "ajaxregister", username = a("#signonname").val(), password = a("#signonpassword").val(), email = a("#email").val(), security = a("#signonsecurity").val()), ctrl = a(this), a.ajax({
            type: "POST",
            dataType: "json",
            url: ajax_auth_object.ajaxurl,
            data: {
                action: action,
                username: username,
                password: password,
                email: email,
                security: security
            },
            success: function(b) {
                a("p.errors", ctrl).text(b.message), 1 == b.loggedin && (document.location.href = ajax_auth_object.redirecturl)
            }
        }), void b.preventDefault())
    }), a("#forgot_pass").on("submit", function(b) {
        return !!a(this).valid() && (a("p.errors", this).show().text(ajax_auth_object.loadingmessage), ctrl = a(this), a.ajax({
            type: "POST",
            dataType: "json",
            url: ajax_auth_object.ajaxurl,
            data: {
                action: "ajaxforgotpassword",
                user_login: a("#user_login").val(),
                security: a("#forgotsecurity").val()
            },
            success: function(b) {
                a("p.errors", ctrl).text(b.message)
            }
        }), b.preventDefault(), !1)
    }), a("#register").length ? a("#register").validate({
        rules: {
            password2: {
                equalTo: "#signonpassword"
            }
        }
    }) : a("#login").length && a("#login").validate(), a("#forgot_pass").length && a("#forgot_pass").validate()
});

Answer 1

如果我理解正确的话，您可以使用 jQuery 表示法:$("body").addClass("someclass")。