PhoneGap jquery移动错误：未捕获ReferenceError：$未定义答案

【问题标题】：PhoneGap jquery mobile error : Uncaught ReferenceError: $ is not definedPhoneGap jquery移动错误：未捕获ReferenceError：$未定义
【发布时间】：2016-01-22 19:14:02
【问题描述】：

我正在开发我的第一个 phoneGap 应用程序，我在使用 jquery mobile 时遇到了问题，我已经下载了 jquery mobile 并且

我试图将页面划分为 4 个 div，每个 div 具有特定的颜色，并在我单击其中任何一个时打印警报。这是我在 index.html 中的代码：

<!DOCTYPE html>
<!--
    Copyright (c) 2012-2014 Adobe Systems Incorporated. All rights reserved.

    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.
-->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <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" />


        <title>Hello World</title>
        <style>
            .camArea
            {
                width: 50%;
                float:left;
                background: red;
                    height: 100%;
            }
            .camSection
            {
                width:100%;
                height: 50%;

            }
            .camContainer
            {
                width: 100%;
                height: 100%;
                position:fixed;
            }
        </style>


    </head>
    <body>
        <div class="app">
            <div class="camContainer">
            <div class="camSection"> 
                <div class="camArea" style = "background:blue" ></div>
                <div class="camArea" style = "background:#ff4512"></div>
             </div>

            <div class="camSection"> 
                <div class="camArea" style = "background:green"></div>
                <div class="camArea" style = "background:#34d3ff"></div>
             </div>
         </div>
       </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();

                $(".camArea").click(function(){
                    alert("Toto")
                });

        </script>

    </body>
</html>

当我午餐应用程序或刷新页面时，我收到此错误：

Uncaught ReferenceError: $ is not defined

这就是我的应用出现错误时的样子

当我点击查看错误时，我看到了这个

当我尝试通过在控制台上写入 $ 来检查 $ 是否存在时，我得到了这个

function $(selector, [startNode]) { [Command Line API] }

这是图片

当我尝试包含这一行时

<script type="text/javascript" src="jquery/jquery.mobile-1.4.5.min.js"></script>

在<head></head>

我收到此错误：Uncaught TypeError: Cannot set property 'mobile' of undefined 这是图像：有人可以帮忙吗？

【问题讨论】：

标签： javascript jquery cordova jquery-mobile phonegap-plugins

【解决方案1】：

错误：

$ is not defined

是不包含 jquery.js 文件的一般消息。

它与 jquery 移动引用不同。

所以只需将 jquery.js 插入到标题和 jquery 移动参考文件之前。

【讨论】：