ジェイドテンプレートにインラインCSSスタイルを書くときにJavaScript変数をどのように使用しますか
質問
CSSのスニペットを動的に挿入しようとしています。理想的には、これはうまくいきます:
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); }
}
残念ながら、constants.logoは /文字通り / domに配置されています。仕事は次のとおりです。
!= "<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>"
より良い方法はありますか?
解決
使用する #{variable}
要素のテキスト内で変数を印刷します。
所属していません StackOverflow