Fatal编程技术网
  • android/
  • Android 引用错误：Can'；找不到变量：$，jquerymobile+；框架

Android 引用错误：Can'；找不到变量：$，jquerymobile+；框架

android jquery jquery-mobile cordova

Android 引用错误：Can'；找不到变量：$，jquerymobile+；框架,android,jquery,jquery-mobile,cordova,Android,Jquery,Jquery Mobile,Cordova,我是个新手。我想在preferences manager中保存用户输入的值，并让它自动填充一个字段（如果用户已填充）。我得到一个“ReferenceError:找不到变量：$at”file:///android_asset/www/index.html:53“在我的Android logcat中。我的应用程序也崩溃了。我做错了什么 <html> <head> <meta charset="utf-8" /> <meta name="for

我是个新手。我想在preferences manager中保存用户输入的值，并让它自动填充一个字段（如果用户已填充）。我得到一个“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>


你好，世界
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
//一旦设备就绪事件启动，您就可以安全地完成您的任务
函数ondevicerady（）{
//document.getElementById（“welcomeMsg”）.innerHTML+=“Phonegap准备就绪！version=”；
}
$（函数（）{
$（“#保存按钮”）。单击（函数（）{
//这是用户手动输入值的地方，请在此处执行错误检查
setItem（“user_lat”，$（“#user_lat”）.val（）；
});
//显示页面时调用
$（'#newpage'）.live（'pageshow'，function（））{
var userLat=window.localStorage.getItem（“user_lat”）；
如果（userLat.length>0）{
$（'user_lat'）.val（userLat）；
}      
});
});
主页
Hola Phonegap&Jquery mobile！
页脚
手动指定您的GPS坐标
纬度：
页脚

您需要在页面中包含jQuery，以便使用未包含的$（jQuery）。您可以添加脚本标记并在src属性中给出jquery的url。在head标记中添加此标记，以便在需要之前添加它

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
如果未定义“$”，我认为jQuery加载不正确

尝试：

要检查是否加载了jQuery mobile，或对普通jQuery尝试以下操作：

if (!jQuery) {
     alert("jQuery is not loaded");
}
是的。它位于页面底部，就在标记前面添加此头标记，或者至少在使用它之前添加此头标记。 
if (!jQuery) {
     alert("jQuery is not loaded");
}