JQuery, чтобы изменить CSS для следующей страницы

Question

У меня есть страница с именем android.html с кнопкой с идентификатором «обнаружить». Когда вы нажимаете кнопку, скрипт проверяет, какая версия ОС у вас на вашем устройстве Android, по заголовку us. Как изменить скрипт для применения стиля, если он версии 3.0 или выше, и другого стиля, если это версия 2.9 и ниже. Вот сложная часть ... Я не хочу применять стиль css к странице android.html, но к странице playlist.html, на которую вы будете перенаправлены по нажатию кнопки.

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

Либо добавьте пару ключ-значение строки запроса к перенаправлению, которое позволяет следующей странице узнать, какую таблицу стилей загрузить, либо просто проверьте строку пользовательского агента при загрузке следующей страницы.

$('#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';
        }
    }
});

Затем на странице playlist.html:

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

Вероятно, необходимо передать переменную строки запроса в редирект с указанием "anversion", проверить эту переменную и вставить файл .css на основе значения на второй странице.

Answer 3

Перенаправьте на эту html-страницу строку запроса, т.е. playlist.html? Css = v1 или v2, затем проверьте этот параметр GET на следующей странице и включите соответствующий файл css.