Javascript 未捕获引用错误$未定义….请帮助我_Javascript_Jquery

Javascript 未捕获引用错误$未定义….请帮助我

javascript jquery

Javascript 未捕获引用错误$未定义….请帮助我,javascript,jquery,Javascript,Jquery,我一直在尝试编写一个应用程序，我不断得到“uncaughtreferenceerror:$未定义”。这让我发疯了，我已经检查了我的代码好几次了，但都无法找出哪里出了问题。有人看到问题了吗？我对这一点很陌生，因此我将感谢所有能得到的帮助！干杯 HTML JS 它应该是它应该是不。。。仍然出现相同的错误：（你确定你做了正确的更改，并且粘贴了完整的源代码吗？我可以复制你的错误，也可以修复上面提到的错误。请看“否”仍然不起作用。可以让它在JSFIDLE中工作，但当运行original时，它仍然会显示相同

我一直在尝试编写一个应用程序，我不断得到“uncaughtreferenceerror:$未定义”。这让我发疯了，我已经检查了我的代码好几次了，但都无法找出哪里出了问题。有人看到问题了吗？我对这一点很陌生，因此我将感谢所有能得到的帮助！干杯

HTML

它应该是

不。。。仍然出现相同的错误：（你确定你做了正确的更改，并且粘贴了完整的源代码吗？我可以复制你的错误，也可以修复上面提到的错误。请看“否”仍然不起作用。可以让它在JSFIDLE中工作，但当运行original时，它仍然会显示相同的消息……在java脚本控制台中突出显示$（“canvas#1”）).css（“背景图像”，url1）；as error…..有什么想法吗？谢谢您的帮助，我非常感谢。您是否使用作为本地文件加载（

文件：//

）？如果是这样，双斜杠将不起作用，您可以1）下载jQuery并将其放在项目文件夹中，或者2）将页面放在web服务器上，或3）或在脚本前面添加

http:

。不。。。仍然出现相同的错误：（你确定你做了正确的更改，并且粘贴了完整的源代码吗？我可以复制你的错误，也可以修复上面提到的错误。请看“否”仍然不起作用。可以让它在JSFIDLE中工作，但当运行original时，它仍然会显示相同的消息……在java脚本控制台中突出显示$（“canvas#1”）).css（“背景图像”，url1）；as error…..有什么想法吗？谢谢您的帮助，我非常感谢。您是否使用作为本地文件加载（

文件：//

）？如果是这样，双斜杠将不起作用，您可以1）下载jQuery并将其放在项目文件夹中，或者2）将页面放在web服务器上，或3）或在脚本前面添加

http:

。

        <!DOCTYPE html>
        <html>
            <head>
                <title> SNAP THAT SWEET DINNER </title>
                    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

                    <link rel="stylesheet" type="text/css" href="style.css">

            </head>

            <body>
                <section>
                    <canvas id="1">Canvas not supported</canvas>
                    <h1> Snap that free dinner! </h1>

                        <p>Player Paul</p>
                        <p>Player Ant</p>

                    <canvas id="2">Canvas not supported</canvas>    



                </section>

                    <script src="//http:code.jquery.com/jquery-1.11.0.min.js"></script>

                    <script src="script.js"></script>

            </body> 




        </html

 body {
        text-align: center;
        font-family: Helvetica;
        background: lightGrey;
    }

    canvas{
        width: 100%;
        height: 42%;
        background-color: yellow;
        border-radius: 15px;
        background-image: url("https://c1.staticflickr.com/1/55/139721356_a7748d8928_z.jpg?zz=1/image1.jpg");
        background-size: cover;
        background-position: centre;
    }


    html, body, section {
    height: 100%; 
    }

    h1{
        background: yellow;
        padding: 2%;
        margin: 2%;
        border: 2px solid black;
        border-radius: 40px;
    }

    p{
        width:40%;
        float: left;
        padding: 2%;
        margin: 2%;
        border: 2px solid black;
        border-radius: 40px;
        display: none;
    }

// Define images to use
var imgArray = ["https://c1.staticflickr.com/1/206/447644669_27b7db7bf6_z.jpg?zz=1/image1.jpg", "https://c1.staticflickr.com/1/55/139721356_a7748d8928_z.jpg?zz=1/image2.jpg", "https://c2.staticflickr.com/4/3947/15679809871_aa34830ebc_z.jpg,image3.jpg", "https://c2.staticflickr.com/6/5166/5279373536_522839f447_b.jpg/image4.jpg", "http://christmasstockimages.com/free/food-dining/slides/raw_uncooked_turkey.jpg/image5.jpg"];
//create number variable
var num1;
var num2;
//randomly change number
num1 = Math.floor( Math.random() * imgArray.length );
num2 = Math.floor( Math.random() * imgArray.length );
//test random numbers
console.log("first random number is" +num1);
console.log("second random number is" +num2);
//create image variables
var img1 = imgArray[ num1 ];
var img2 = imgArray[ num2 ];
//create css value for background image
var url1 = "url("+ img1 +")";
var url2 = "url("+ img2 +")";

//use jquery to change background image
$("canvas#1").css("background-image", url1);
$("canvas#2").css("background-image", url2);