Jquery 모바일을 사용하여 모바일 웹 사이트 만들기

Question

Jquery 모바일을 사용하여 모바일 웹 사이트를 만들었습니다. 지금까지 그 위대한 그러나 나는 어제 뭔가를 만났고 그것을 알아낼 수 없습니다. 나는 이미 작성한 코드를 많이 사용하고 있지만, JQuery 모바일이 호출 앞에서 jQuery를 사용하는 $ 앞에 jQuery를 사용한다. 둘 다 사용할 수있는 방법이 있습니까? 나는 $ .noConflict()하지만 tay no avail을 가지고 놀고있다. 어떤 아이디어?

Answer 1

Modernizr을 사용하고 Modernizr의 새로운 미디어 쿼리 테스트로 화면 크기를 확인할 수 있습니다. 이를 통해 모바일/태블릿/데스크톱의 품질을 저하시키지 않으면 서 한 페이지를 유지하면서 다양한 화면 크기로 제공 할 수 있습니다.

if (Modernizr.mq('only screen and (max-width: 480px)')) { 
    Modernizr.load('/mobile.js'); 
} else if (Modernizr.mq('only screen and (max-width: 768px)')) { 
    Modernizr.load('/tablet.js'); 
} else { 
    Modernizr.load('/desktop.js'); 
}