ReferenceError : 변수를 찾을 수 없습니다 : $, jquerymobile + phonegap

나는 초보자입니다. 환경 설정 관리자에서 사용자가 입력 한 값을 저장하고 필드가 자동으로 채워지도록하고 싶습니다 (사용자가 입력 한 경우). "ReferenceError : 변수를 찾을 수 없습니다 : $ at file : ///android_asset/www/index.html : 53"이라는 Android logcat이 있습니다. 또한 내 응용 프로그램이 충돌합니다. 내가 도대체 뭘 잘못하고있는 겁니까?

<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
    <!--<link rel="stylesheet" type="text/css" href="css/index.css" />--> 
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.3.2.css" /> 
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.3.2.css" /> 
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.css" /> 
    <title>Hello World</title> 

    <script type="text/javascript"> 
     document.addEventListener("deviceready", onDeviceReady, false); 

     //once the device ready event fires up, you can safely do your thing 
     function onDeviceReady(){ 
      //document.getElementById("welcomeMsg").innerHTML += "Phonegap is ready! version="; 
     } 

     $(function(){ 
      $('#savebutton').click(function(){ 
       //this is where the user manually keys in values, do error checking here 
       window.localStorage.setItem("user_lat", $('#user_lat').val()); 
      }); 

      //called when the page is being shown 
      $('#newpage').live('pageshow', function(){ 
       var userLat = window.localStorage.getItem("user_lat"); 
       if (userLat.length > 0){ 
        $('#user_lat').val(userLat); 
       }  

      }); 
     }); 


    </script> 
</head> 
<body> 
    <div id="home" data-role="page"> 
     <div data-role="header"> 
      <h1>Home Page</h1> 
     </div> 
     <div data-role="content"> 
      Hola Phonegap & Jquery mobile! 
      <a href="#newpage" data-role="button">Go to new page</a> 
     </div> 
     <div data-role="footer" data-position="fixed"> 
      <h4>Footer</h4> 
     </div> 
    </div> 
    <!--2nd page--> 
    <div id="newpage" data-role="page"> 
     <div data-role="header"> 
      <h1>Manually specify your GPS coordinates</h1> 
     </div> 
     <div data-role="content"> 
      <label for= "user_lat">Latitude:</label> 
      <input type="text" name="user_lat" id="user_lat" value=""/> 
      <a id ="savebutton" href="" data-role="button">Save</a> 
     </div> 
     <div data-role="footer" data-position="fixed"> 
      <h4>Footer</h4> 
     </div> 
    </div> 

    <script type="text/javascript" src="phonegap.js"></script> 
    <script type="text/javascript" src="js/jquery-1.10.1.js"></script> 
    <script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>   
</body>

출처

2013-08-15 user1801060

시도 : jQuery를 모바일로드 된 경우

if ($.mobile) { 
    // loaded 
} else { 
    // not loaded 
}

를 확인하거나 일반 jQuery에 사용해보십시오.

if (!jQuery) { 
    alert("jQuery is not loaded"); 
}

출처

2013-08-15 17:37:32

당신은, 당신은하지 않았다 어떤 $ (jQuery를) 사용하기 위해 귀하의 페이지에 jQuery를 포함해야합니다. 스크립트 태그를 추가하고 src 속성에 jquery의 URL을 제공 할 수 있습니다. 이 태그를 head 태그에 추가하면 필요하기 전에 추가됩니다. '$'는 내가 jQuery를 올바르게로드되고 생각하지 않습니다 정의되지 않은 경우

<script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script>

출처

2013-08-15 17:35:34 Adil

했었습니다. 페이지 하단의 태그 바로 앞에 – user1801060

헤드 태그 나 atleast 앞에 추가하십시오. – Adil

ReferenceError : 변수를 찾을 수 없습니다 : $, jquerymobile + phonegap

답변

관련 문제