특정 미디어 쿼리 후에 JqueryMobile 파일을로드하는 스크립트

Question

JqueryMobile을 사용하여 놀기 시작하지만 일부 JqueryMobile 스크립트는 다른 jqueryM 메뉴와 충돌합니다. 따라서이 JqueryMobile 스크립트를 768px 이하 또는이 아래에서 실행하고 싶습니다. 미디어 쿼리 : 및

어떻게 할 수있는 아이디어, 그것을 수행하는 방법을 주위를 둘러 보았고 그들과 함께 성공적이지 않으므로 나는 너희들에게 내가 더 신선한 아이디어를 줄 수 있기를 바랐다. 내 사이트는 thjis입니다 : http://pugle.net/test2/index.php 문제는 JqueryM 스크립트가 기본 메뉴의 링크를 클릭하는 것을 허용하지 않으며 768px 이전에이 기본 메뉴가 표시된다는 것입니다. 따라서 JqueryM 스크립트가 768px 화면 아래에로드되기를 바랍니다.

너무 고마워!

Answer 1

아마도 awesome media queries in JavaScript이 도움이 될 수 있습니다.

enquire.register('only screen and (max-width: 768px)', { 
    match: function() { 
    $.getScript('jquery.mobile-1.3.1.min.js', function() { 
     ... 
    }); 
    }, 
    unmatch: function() { 
    ... 
    } 
});