jquery-mobile : 데스크톱 용 테마 설정 해제

웹 앱으로로드하려는 Google Apps 스크립트에는 jquery-mobile을 사용하고 시트에는 대화 상자/사이드 바를 사용하고 있습니다. 스크립트에서 jquery-mobile의 그리드 지원을 사용하므로 CSS & js가 필요합니다. 그러나 필자는 데스크톱에서 테마를 사용하고 싶지 않습니다. 모바일 장치가 아닌 경우이 기능을 끄는 방법이 있습니까?jquery-mobile : 데스크톱 용 테마 설정 해제

출처

2014-12-28 IttayD

jQuery Mobile의 프레임 워크 을 자동으로 제어하여을 초기화 할 수 있습니다. mobileinit 이벤트에서 - .ready() 전에 실행 - 사용자 에이전트가 데스크톱이나 태블릿/모바일인지 확인하십시오. 데스크톱 브라우저 인 경우 에서 jQuery Mobile을 자동으로 초기화하여 프레임 워크를 초기화하십시오.

아래 jQuery.js (코어) 후 전에 head에 배치해야합니다 코드 jQuery를-Mobile.js

$(document).on("mobileinit", function (e, data) { 
    if (isDesktop()) { /* isDesktop() is your custom function to check user agent */ 
     $.mobile.autoInitializePage = false; 
    } 
});

지금, 당신의 웹 사이트를 jQuery를 모바일에 의해 제어되지 않지만, 여전히 수 grid 시스템을 사용하십시오. 클래스는 클래스이므로 JavaScript 코드가 필요하지 않습니다.

출처

2014-12-28 17:21:28 Omar

양식의 모든 것을 마무리하고 양식의 경우 data-role 속성을 none으로 설정하십시오. 설명서를 참조하십시오. here

조금 오래되었지만. 그러나, 나는 똑같이 작동해야한다고 생각합니다.

출처

2014-12-28 08:33:28

CSS (그리드 지원, 페이지)의 일부를 사용하고 싶지만 테마는 사용하지 말아야합니다. – IttayD

글쎄,이 경우 header, footer 및 all과 같은 다른 섹션에서 data-enhanced = "false"로 설정할 수 있습니다 . 요소에 적용하면 모든 자식 요소가 스타일에 적용되지 않습니다. –

죄송합니다. 저에게 도움이되지 않았습니다. 나는 심지어 $ .mobile.ignoreContentEnabled를 사용했다. – IttayD

jquery-mobile : 데스크톱 용 테마 설정 해제

답변

관련 문제