0

html 要素を含むグローバル css ファイルがあります。スタイル コードは巨大ですが、このスタイルはページごとに少し異なります。複数をコピーして、スタイル コードの 1 行または 2 行のみを変更したくはありません。 html 要素を css ファイルにバインドして、xaml のように異なるバージョンにする方法があります。ビューモデルのプロパティをスタイルにバインドして、スタイルを動的にロードできるようにします。

4

2 に答える 2

0

あなたができることは、そのページに必要な css ファイルを動的にロードすることです。これを行う方法は複数あります。jQueryを使用するかどうかを指定しなかったので、使用できます

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

したがって、次のようなことができます。

loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

ソース: http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

jQuery を介してこれを行うことを可能にする複数のプラグインもあります。それらを検索するだけです。

于 2013-04-25T02:29:48.350 に答える