jQuery를 사용하여 다른 CSS를 사용하려면 어떻게해야합니까?

나는 내 웹 사이트의 모바일 버전을 디자인했지만 적어도 세 가지 (iPhone, iPad 및 Android)를 지원해야한다는 것을 깨달았습니다. 이 경우 작업을 위해 jQuery를 사용하고 어떤 장치인지 먼저 감지 한 다음 적절한 CSS를로드 할 생각이었습니다. 이 일을 어떻게 하죠? 이게 뭔가? 그리고 이것은 심지어 좋은 방법일까요? 아니면 같은 것을 성취하기위한 더 좋은 방법입니까? 당신의 HTML의 <head> 태그에jQuery를 사용하여 다른 CSS를 사용하려면 어떻게해야합니까?

장소이 :
<link id="ss" rel="stylesheet" type="text/css" href="norm.css" />

을 그리고 다음이 추가 당신이 하나의 스타일 시트에 CSS를 모두 넣어 괜찮다면

<html> 
<head> 

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

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

출처

2010-07-31 Legend

이 작업을 수행 할 수 귀하의 자바 스크립트 파일에.

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"); 
}

출처

2010-07-31 03:29:25

위대한 ... 많은 감사합니다 ..! – Legend

jQuery를 사용하여 다른 CSS를 사용하려면 어떻게해야합니까?

답변

관련 문제