Непонятная ошибка ссылки $ не определена ..... помогите мне пожалуйста

Я пытался написать приложение, и я продолжаю получать «Uncaught ReferenceError: $ is not defined». Это сводит меня с ума, через мой код несколько раз и не может понять, что случилось. Может ли кто-нибудь увидеть проблему? Я очень новичок в этом, поэтому буду признателен за всю помощь, которую я могу получить! Ура ....

HTML

 <!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

CSS:

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);

источник

2015-02-24 Anthony Whitehead

Это должно быть <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

источник

2015-02-24 22:45:27

Нету ... все еще идет в ногу с такой же ошибка :( –

Вы уверены, что внесли правильные изменения, и вы ввели полный исходный код? Я могу воспроизвести вашу ошибку, а также исправить ошибку, как упоминалось. См. [Jsfiddle] (http://jsfiddle.net/e1mym9qa/) –

Все еще не работает. Можно заставить его работать в jsfiddle, но когда дело доходит до запуска оригинала, оно все равно появляется с тем же сообщением .... –

Непонятная ошибка ссылки $ не определена ..... помогите мне пожалуйста

ответ

Смежные вопросы