Wie verwenden Sie JavaScript -Variablen beim Schreiben von Inline -CSS -Stilen in einer JADE -Vorlage
Frage
Ich versuche dynamisch CSS -Ausschnitte einzufügen. Idealerweise würde dies funktionieren:
style(type='text/css')
#header a#logo { background:url(constants.logo) no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#header a#logo { background-image: url(constants.logo_2x); }
}
Leider ist Constants.logo / buchstäblich / platziert in der DOM. Was funktioniert, ist Folgendes:
!= "<style type='text/css'>"
!= "#header a#logo { background:url('"+constants.logo+"') no-repeat; }"
!= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {"
!= " #header a#logo { background-image: url('"+constants.logo_2x+"'); }"
!= "}</style>"
Gibt es einen besseren Weg?
Lösung
Verwenden #{variable}
So drucken Sie eine Variable innerhalb des Textes eines Elements.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow