Yepnope & Modernizr screen.width 조건

Question

나는 (로컬) Yepnope와 Modernizr을 사용하여 CSS & JS 파일을로드하려고합니다. 따라서 파일을 더 잘 관리하고 코드를 쉽게 작성할 수 있습니다.

이 현재 레이아웃입니다 :

Modernizr.load([ 
    { 
     test: Modernizr.mq('all and (max-width: 1070px)'), 
     yep: '/css/smartdevice.css','/js/smartdevice.js', 
    } 
    , 
    { 
     test: Modernizr.mq('all and (min-width: 481px) and (max-width: 1069px)'), 
     yep: '/css/tablet.css','/js/tablet.js', 
    }, 
    { 
     test: Modernizr.mq('all and (max-width: 1070px)'), 
     yep: '/css/screen.css','/js/screen.js', 
    } 
]); 

의 I는 JS 상당히 새로운 오전하지만 난 5 월 경우에 jQuery를 사용하고 있습니다. 그러나 그들은 모두 한 번에로드, 어쨌든 나는 px 너비에 따라 CSS 파일을로드 할 수 있습니까? (위의 값 참조). 그러나 제 위치에서이 서버 측을 수행 할 수 있음을 알고 있습니다.

js의 로컬 쪽이어야합니다. 현재 SCSS에서 코드를 작성합니다. 모든 것이 끝났습니다. 파일을 윈도우 폭에 주입하는 것입니다.

if 문을 추가해야한다고 가정하지만 도움이 될 것입니다.

-Neil

P.S 나는 CodeKit & SCSS를 사용하여 새 아이맥에 로컬로 실행하고 있습니다.

Answer 1

yep: '/css/smartdevice.css','/js/smartdevice.js',은 (는) 불법 JS입니다. 배열로 만들려면 yep: ['/css/smartdevice.css','/js/smartdevice.js'],을 사용하십시오. 언제 당신이 자바 스크립트 객체 내부에 쉼표를 볼 수있을 줄 바꿈이, 그리고 당신이 볼 수 척이 무엇을 잘못 여기거야 :

Modernizr.load([ 
{ 
    test: Modernizr.mq('all and (max-width: 1070px)'), // prop:val(=function) 
    yep: '/css/smartdevice.css',      // prop:val(=string) 
    '/js/smartdevice.js',        // ??? 
} 
,... 

Answer 2

제안 :

1. 레이블로 "모두"교체 "만 위가 미디어 쿼리를 기반으로 개체를 제거하는 방법을 알고 것입니다, 모바일 장치 폭 (320 등)