如何添加班級到身體標記點擊

Question

您好我已經創建了3個wordpress的登錄註冊和密碼重置模式，但我有一個滑動菜單z-index的問題，所以很高興找到一種方法來添加一個類當我點擊模式按鈕時，將其添加到身體標記。

這是我的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

謝謝你們我在兩個不同的代碼加入.addClass（「burimi」）和.removeClass（「burimi」）的全部代碼是感謝所有幫助和答覆如下：

jQuery(document).ready(function(a) { 
    a("#pop_login, #pop_signup").on("click", function(b) { 
     jQuery('body').addClass('burimi'); 
     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() 
      a("body").removeClass("burimi") 
     }), !1 
    }), a("#show_login, #show_signup").on("click", function(b) { 
     a("body").addClass("burimi").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 2

您可以使用jQuery的符號：$("body").addClass("someclass")，如果我理解正確。

Answer 3

我沒有看到你的代碼中的任何按鈕，但繼承人的東西，可以幫助你：

//target tags with a class starting with "modal" i suppose your "modal" buttons have this class which i don't see in the code 
$('[class^="modal"]').click(function(){ 
    //Add class to body 
    $("body").addClass("myClass"); 
}); 

你可以像$('input[class^="modal"]')如果你的按鈕輸入或更改股利或什麼都。

或只是$(".myModalButtonClass").click(...)