PhoneGap에서 jQuery Mobile을 올바르게 사용하는 방법

최근에 PhoneGap을 설정하여 응용 프로그램 개발을 배우기 시작했습니다. jQuery Mobile이 프레임 워크가 진행될 때 가장 좋은 방법이라고 들었으므로이를 사용하려고합니다. jQuery에 대한 CDN을 찾았지만, 현재 PhoneGap 스타일 시트와 자바 스크립트와 충돌합니다.이 중 하나를 다른 것에 우선해야합니까? 또는 두 가지 방법을 모두 사용할 수있는 방법이 있습니까?PhoneGap에서 jQuery Mobile을 올바르게 사용하는 방법

나는 이것이 어리석은 질문처럼 들리지만 나는 여전히 배우고 있음을 알고있다. 어떤 도움을 주셔서 감사합니다. 나는 JQuery와 함께 할 선택은 무엇

출처

2014-03-30 Callum MacInnes

JQuery 모바일에 대한 CDN은 당신이 말하는 것을 의미합니까? – BlackPearl

예, 죄송합니다. 그걸 분명히해야 했어. –

는 CDN을 사용하여 내 폰갭 응용 프로그램에서 로컬로 호출되지 않습니다 .... 폰갭에주의해야 할 하나의 큰 것은 당신이 선도 "/"

없이 자원을 호출 할 것입니다 IE.

<link rel="stylesheet" href="jquery/jquery.mobile-1.4.0.css" /> 
<script src="jquery/jquery-ui-1.10.4.custom.min.js"></script> 
<script src="jquery/jquery.mobile-1.4.0.min.js"></script> 
<script type="text/javascript"> 
    $.mobile.autoInitializePage = false; 
    $.mobile.touchOverflowEnabled = true; 
</script>

그런 다음 onDeviceReady 기능에,이 전화 :

또한, 제가 한 일은이 있었다

$.mobile.initializePage();

당신의 JQuery와 페이지 핸들러는 것들에 대한 특정 폰갭 플러그인을 호출하는 경우에 특히 ondeviceready 화재가 좋을 때까지 페이지 초기화를 연기하는 등의 작업을 할 수 있습니다. 짧은 그래서

: 1) 당신이 3을하고자하는 방법 코르도바/폰갭에서 자원을 호출하고 있는지 확인)의 모바일 앱 2 이후 응용 프로그램에서 로컬 자원을 호출 rccommend 것) 당신은 수도 ondeviceready가 해고 될 때까지 jquery 모바일 초기화를 지연 시키십시오.

저는 최근에 jquery mobile/cordova에 앱을 만들었고 꽤 잘했다고 말하고 싶습니다.

출처

2014-03-30 17:07:14

폰갭 페이지와 전형적인 JQuery와 모바일 페이지 아래의 하나입니다

<!DOCTYPE html> 
    <html> 
    <head> 

    <title>My Page</title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"> 

    <link rel="stylesheet" href="css/mytheme.min.css"/> 

    <link rel="stylesheet" href="css/jquery.mobile.icons.min.css" /> 
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.0.css" /> 

    <script src="js/jquery.js"></script> 
    <script src="js/jquery.mobile-1.4.0.js"></script> 

    </head> 

    <body> 


     <!--Page--> 

    <div data-role="page" data-theme="a" id="searchpage"> 

<div data-role="header"> 
    <h4>First Page</h4> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 

      Hello World! 

</div><!-- /content --> 
    </div><!-- /page --> 

    <script type="text/javascript" src="js/cordova.js"></script> 

    <script type="text/javascript"> 

    document.addEventListener("deviceready", onDeviceReady, true); 

    function onDeviceReady() {} 

</script> 


</body> 
</html>

참고 :

나는 사용자 정의 테마를 사용
이 예제에서 JQuery와 모바일 1.4.0을 사용 mytheme.min.css

귀하의 페이지는 이와 같이 정렬되어야합니다. 좋은 가야

출처

2014-03-30 17:39:14 BlackPearl

PhoneGap에서 jQuery Mobile을 올바르게 사용하는 방법

답변

관련 문제