2

私はcssとjsの圧縮と最小化について読んでいます。特に、オンザフライで、またはビルド時に JavaScript を連結および縮小することを投稿します。私はあまり満足していません.MVCScriptManagerは、前述の投稿でスコットが提案したように評価しています。

ただし、css ファイルに問題があります。私のサイトでは、ユーザーがページのスタイルを変更できるようにしています。さまざまなスタイルシートを定義して、このタスクを完了しています。

ユーザーがボタンをクリックしたときにスタイルを変更するには、リンク タグの「タイトル」属性を使用して適切なスタイルを有効にします。

$('link[rel*=style][title]').each(function(i) {
   this.disabled = true;
   if (this.getAttribute('title') == styleName) this.disabled = false;
});

そして、私のページのヘッドセクションには、次のものがあります。

<link rel="stylesheet" type="text/css" href="/Content/css/green.css" title="Green" media="screen" />    
<link rel="alternate stylesheet" type="text/css" href="/Content/css/cyan.css" title="Cyan" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/orange.css" title="Orange" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/navy.css" title="Navy" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/purple.css" title="Purple" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/pink.css" title="Pink" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/wine.css" title="Wine" media="screen" />

問題は、スタイルシートを組み合わせるときに、タイトルと rel 属性に頼って切り替えを行うことができないことです。ヘルプやアドバイスをいただければ幸いです。

前もって感謝します！

4

1 に答える 1

3

実際には、必要に応じて CSS ファイルをロードする必要があります。

ユーザーがピンクを選択すると、pink.css<link>が の最後の要素として挿入され<head>ます。

于 2010-06-10T22:44:27.793 に答える