ändern der margin-Wert unter Verwendung von jQuery

Habe ich folgenden code, wenn es Fehler msg. dann den Rand oben login form sollte "0" sein und der erste Fehler msg Rand oben sollte "70px".

<span class="portlet-msg-error"> You have entered invalid data. Please try again. </span>

<span class="portlet-msg-error"> Authentication failed. Please try again.</span>

<div class="login-form" style="margin-top: 70px;"> Form Display here </div>
InformationsquelleAutor Ritesh Patel | 2011-01-06
  1. 11
    $('.login-form').css({'margin-top':'0px'}); //Login form
$('.portlet-msg-error:first').css({'margin-top':'70px'}); //Error Message

    Kann es sein marginTop ich vergessen, wenn jQuery akzeptieren kann, den vollständigen Namen oder, wenn Sie haben, um camelCase es, wenn es Bindestriche

    BEARBEITEN Gerade überprüft, margin-top scheint zu funktionieren

    • Beide "margin-top": und marginTop: Arbeit. jQuery konvertieren wird die camelCase-version, um die volle CSS-name.
    • Das sind zwei identische Zeilen? und falsch sind die Margen für die login-box (basierend auf der Frage).
    • Danke für die Bestätigung. 😉 -- @MarcusWhybrow: Nicht mehr. heh, nur hoch-Zeichen ist es Zeit für mich, ins Bett zu gehen. 😉
    • Gleichen hier, ich denke,
    InformationsquelleAutor Brad Christie
  2. 3

    Versuchen Sie dies:

    if(error)
{
 $(".login-form").css("margin-top", "0");
 $(".portlet-msg-error:first").css("margin-top", "70px");
}
    • Dies ist falsch, der pseudo-Klasse :first-child und nicht :first
    • href="http://api.jquery.com/first-selector/" >api.jquery.com/first-selector
    • Nope, erste Kind wird für das Kind Aussehen des Selektors .portlet-msg-error-element, hier sind wir auf der Suche für die erste .portlet-msg-error-daher zuerst die richtige ist. Stellen Sie sicher api.jquery.com/first-selector
    • Cool, ich wusste nicht, über, die.
    • Ich würde jedoch argumentieren, dass das angestrebte Ziel sieht, in einigen extra-Marge für die ersten Fehler Feld in eine beliebige Liste. Sie würde wollen, dass diese angewandt werden alle Fälle, in denen dies geschieht, und nicht nur das erste auf der Seite.
    • OP wollte-Marge für die ersten Fehler-box, also nicht davon ausgehen will, sonst nichts.

    InformationsquelleAutor Chandu
  3. 2

    Kann man dies im CSS:

    .login-form {
    margin-top: 0px;
}

.portlet-msg-error:first-child {
    margin-top: 70px;
}

    Derselben in jQuery wäre:

    $('.login-form').css('margin-top', '0px');
$('.portlet-msg-error:first-child').css('margin-top', '70px');

    Also Sie sehen, es gibt keinen wirklichen Grund für die Verwendung von jQuery in diesem Fall.

    • Wow es Funktioniert... vielen Dank!
    • Kein problem
    • Wissen Sie, wie man zu akzeptieren und die Antwort auf Stack Overflow? Es wird die Frage schließen.
    InformationsquelleAutor Marcus Whybrow
Schreibe einen Kommentar