在jQuery函数中在class之前添加标签

时间:2017-02-27 11:14:57

标签: jquery css label

每次在表单中输入文字时,标签名称都会消失,例如"姓名","姓氏"等,从display:block到display:none。我想用jQuery覆盖它,并尝试了以下不起作用的功能。以下是相关网页的链接:https://www.apis.de/anmeldung-zum-benutzertreffen/

jQuery(document).ready(function() {
  jQuery('label.gfield_label').css('display','block','opacity','1');
});

1 个答案:

答案 0 :(得分:0)

使用.css()设置多个属性的正确语法是使用对象:

 jQuery('label.gfield_label').css({
   'display':'block',
   'opacity':'1'
 });

但是,改变或覆盖CSS选择器将display设置为none的任何内容都会更有意义,而不是动态更改显示。

如果无法更改源,则应检查当前应用的规则,并在CSS中设置另一个规则,使用更强(更具体)的CSS选择器。通常,在WordPress中,您应该使用当前主题的style.css,但请注意,许多WP主题至少有一种方法可以在仪表板中添加自定义CSS

修改(在后续信息中)看起来您的页面中的脚本会将opacity:0设置为已更改并验证的字段的任何标签。您可以找到该脚本并将其禁用,也可以使用此CSS

#gform_1 li label {
  display: block !important;
  opacity: 1 !important;
}

这样做的正确方法是找到脚本,但这并不总是微不足道的。通常,这应该是您用于呈现表单的任何插件/主题脚本中的设置。虽然使用!important会起作用,但不建议这样做。