jQuery .css () - Funktion mit Variablen und mehreren Werten

Seltsamen kleinen snafu. Ich bin mit jQuery .css() Methode zum ändern der Größe von text (lange Geschichte; Nein, ich kann nicht mit media-queries) mit einer Variablen zu, und ich muss hinzufügen em zu. Ich bin mir nicht sicher, was die syntax ist, weil es mehrere Werte für die CSS ändern.

Zur Veranschaulichung:

Dieser funktioniert perfekt. Es fügt em dem berechneten Wert von victore:

$('h1').css('font-size', victore + 'em');

Diese nicht:

$('h1').css({
    'font-size':victore + 'em',
    'line-height':vignelli + 'em';
});

Den em braucht Zitate... aber auch der Wert. Alles in Klammern hat nicht funktioniert

  • Auf Ihrem jüngsten Bearbeiten, müssen Sie entfernen die ; nach der letzten em.
InformationsquelleAutor technopeasant | 2011-12-11
  1. 18

    Sollten Sie nicht die Anführungszeichen um die ganze Sache:

    $('h1').css({
    'font-size': victore + "em",
    'color':'red'
});
    • gotcha. einen Fehler gemacht, wenn ich kopiert mein code. siehe oben edit.. es bricht mein code.
    • Wie bereits in den Kommentaren, haben Sie nun ein Semikolon ein, das nicht da sein sollte.
    InformationsquelleAutor James Montagne
  2. 0

    Den font-size Wert ist erforderlich, um eine Zeichenfolge sein, aber dieser string kann das Ergebnis eines Ausdrucks, in Ihrem Fall victore + 'em' soll in die entsprechende Zeichenfolge.

    $('h1').css({ 
    'font-size': victore + 'em', 
    'color': 'red' 
});
    InformationsquelleAutor Phil Klein
  3. 0

    Hier ein fiddle.

    $('h1').css({
    'font-size':victore + "em",
    'color':'red'
});
    • Ah ich sehe. Ich habe einen Fehler gemacht, wenn ich kopiert den code über.. siehe post bearbeitet, die für ein anderes Beispiel, was nicht funktioniert. Versucht, es in Ihren Turnschuh und keine Würfel
    • siehe die aktualisiert fiddle. Ich benutzte Pixel anstelle von ems für das Beispiel. EDIT: Hier eine version mit em: jsfiddle.net/sPEVs/2
    InformationsquelleAutor Brigand
Schreibe einen Kommentar