jqueryが次のページのCSSを変更する

Question

"detect"というIDのボタンを持つandroid.htmlというページがあります。ボタンをクリックすると、スクリプトは、あなたのアンドロイドデバイスのOSバージョンをusヘッダーで確認します。バージョン3.0以上の場合はスタイルを適用するためにスクリプトを変更し、バージョン2.9以下の場合は別のスタイルを変更する方法を教えてください。難しい部分はここにあります...私はandroid.htmlページにCSSスタイルを適用したくありませんが、ボタンをクリックするとリダイレクトされるplaylist.htmlページに適用したいと思います。そして、次にそのGET PARAMをチェックし、クエリ文字列、つまりplaylist.html？CSS = v1またはv2を持つそのhtmlページへ

<div id="detect">button</div> 

JS

$('#detect').click(function() { 
if (/Android (\d+(?:\.\d+)+)/.test(navigator.userAgent)){ 
var version=new Number(RegExp.$1) 
if (version>=3) 
    //redirect to playlist.html using style1.css 
} 
else 
//redirect to playlist.html using style2.css 
}); 

Answer 1

リダイレクトにクエリー文字列のキーと値のペアを追加すると、ロードするスタイルシートを次のページに知らせるか、次のページが読み込まれるときにユーザーエージェント文字列をチェックするだけです。その後playlist.htmlページの

$('#detect').click(function() { 
    if (/Android (\d+(?:\.\d+)+)/.test(navigator.userAgent)){ 
     var version=new Number(RegExp.$1) 
     if (version>=3) 
      window.location = 'playlist.html?style=1'; 
     } else { 
      window.location = 'playlist.html?style=2'; 
     } 
    } 
}); 

：

if (window.locaion.search.indexOf('style=1') > -1) { 
    $.getScript('style1.css'); 
} else if (window.locaion.search.indexOf('style=2') > -1) { 
    $.getScript('style2.css'); 
} 

このif/thenチェックは非常に単純です。より良い方法は、配列内のクエリ文字列パラメータを取得し、styleキーを確認し、対応する値をロードすることです。

Answer 2

リダイレクト

HTML、適切なCSSファイルを含めてください。

Answer 3

"anversion"を指定したリダイレクトにクエリ文字列変数を渡し、その変数をチェックし、2番目のページの値に基づいて.cssファイルを挿入する必要があります。