Etikett vor Klasse in jQuery-Funktion hinzufügen

Jedes Mal, wenn ein Text in mein Formular eingegeben wird, verschwindet der Markenname z. "Name", "Nachname" usw. und geht von Anzeige: Block bis Anzeige: keine. Ich möchte dies mit jQuery überschreiben und habe die folgende Funktion versucht, die nicht funktioniert. Hier ist ein Link auf der Seite in Frage: https://www.apis.de/anmeldung-zum-benutzertreffen/Etikett vor Klasse in jQuery-Funktion hinzufügen

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

Quelle

2017-02-27 Dannyboy

Bitte fügen Sie den Code hier hinzu, nicht nur einen Link zu einer Seite. Vielleicht möchten Sie auch den Code finden, der dort geändert wird, und nicht nur den Code schreiben, um ihn zu überschreiben. – Ionut

* Warum * verschwindet das Etikett? Wäre es nicht sinnvoll, diese Funktionalität zu stoppen, anstatt sie "außer Kraft zu setzen"? –

Es ist ein Problem mit dem Wordpress-Thema, das wir verwenden. Leider kann ich dieses Thema nicht ändern, da es für die Firma einzigartig ist. – Dannyboy

Die richtige Syntax für mehrere Eigenschaften festlegen Verwendung .css() ist durch die Verwendung eines Objekts:

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

Aber anstatt Anzeige Wechsel im laufenden Betrieb, Es würde viel mehr Sinn machen, zu ändern oder zu überschreiben, was auch immer CSS Selektor ist Ihre display auf none.

Wenn Sie die Quelle nicht ändern können, sollten Sie die aktuell geltende Regel überprüfen und eine andere Regel in Ihrem CSS mit einem stärkeren (spezifischeren) CSS-Selektor festlegen. In WordPress sollten Sie in der Regel die style.css Ihres aktuellen Themas verwenden. Beachten Sie jedoch, dass viele WP-Themen mindestens eine Möglichkeit zum Hinzufügen von benutzerdefiniertem CSS im Dashboard aufweisen.

Edit: (auf nachfolgende Informationen) Es sieht aus wie ein Skript auf Ihrer Seite opacity:0 ein Etikett eines Feldes festlegt, geändert wurde und validiert. Sie entweder das Skript zu finden, und es deaktivieren oder Sie können diese CSS verwenden:

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

Der richtige Weg, es um das Skript zu finden zu tun wäre, aber das ist nicht immer trivial. Normalerweise sollte dies eine Einstellung in jedem Plug-in/Themenskript sein, das Sie zum Rendern des Formulars verwenden. Während die Verwendung von !important funktioniert, wird es nicht empfohlen.

Quelle

2017-02-27 11:18:56

Können Sie sagen, welcher Selektor das macht? – Dannyboy

Ja, wenn Sie ein [mcve] bereitstellen können. An dieser Stelle reproduziert die von Ihnen angegebene URL das in Ihrer Frage beschriebene Problem nicht. –

Ja. Sobald Sie Text in das Feld eingeben, verschwindet der Name auf der linken Seite der Box – Dannyboy

Etikett vor Klasse in jQuery-Funktion hinzufügen

Antwort

Verwandte Themen