Как я могу использовать другой CSS с помощью jQuery? - PullRequest
Новая
       6

Как я могу использовать другой CSS с помощью jQuery?

2 голосов
/ 31 июля 2010

Я разрабатывал мобильную версию своего сайта, но потом понял, что мне нужно поддерживать как минимум три (iPhone, iPad и Android). В этом случае я думал об использовании jQuery для задачи, где я сначала должен определить, какое это устройство, а затем загрузить соответствующий CSS. Как бы я поступил так? Это как то так? И это даже хороший способ или есть лучший способ достичь того же самого? 

<html>
<head>

<script type="text/javascript">
   //Detect device type using jQuery
   //Insert the proper stylesheet?

   //Rest of the javascript
</script>
</head>
<body>
...
</body>

1 Ответ

3 голосов
/ 31 июля 2010

Если вы не против собрать все свои CSS в одну таблицу стилей, вы можете сделать это:

Поместите это в тег <head> вашего HTML:
<link id="ss" rel="stylesheet" type="text/css" href="norm.css" />

А затем добавьте это в свой файл JavaScript. 

var uagent = navigator.userAgent.toLowerCase();
if (uagent.search("iphone") > -1)
{
    $("#ss").attr("herf", "iphone.css");
}
if (uagent.search("ipad") > -1)
{
    $("#ss").attr("herf", "ipad.css");
}
if (uagent.search("andriod") > -1)
{
    $("#ss").attr("herf", "android.css");
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...