Uncaught ReferenceError: $ не определено

Я получаю это сообщение об ошибке при попытке создать слайдер изображений JQuery.

Uncaught ReferenceError: $ не определено

Вот моя НОВАЯ кодировка (ЗАМЕТЬТЕ, что я переместил скрипт на страницу, это было предложено Adobe.):






Green Cold-Formed Steel | Home


body,td,th {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    color: #000;
    text-align: left;
}
body {
    background-color: #999;
}
a:link {
    color: #999;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #060;
}
a:hover {
    text-decoration: underline;
    color: #FFF;
}
a:active {
    text-decoration: none;
}
h1 {
    font-size: 14px;
    color: #060;
}
h2 {
    font-size: 12px;
    color: #999;
}
h3 {
    font-size: 9px;
    color: #FFF;
}
#next {
    background-image: url(Assets/slideshow/r_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: right;
    height: 500px;
    width: 100px;
    position: relative;
    z-index: 99;
}
#slideshowwrapper {
    display: block;
    height: 500px;
    width: 1000px;
    margin: auto;
}
#container {
    background-color: #FFC;
    display: block;
    float: left;
    height: 500px;
    width: 1000px;
    overflow: auto;
}
#prev {
    background-image: url(Assets/slideshow/L_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: left;
    height: 500px;
    width: 100px;
    position: relative;
    z-index: 99;
}
#slider {
    display: block;
    float: left;
    height: 500px;
    width: 1000px;
    overflow: hidden;
    position: absolute;
}
#NavBar {
    display: block;
    height: 50px;
    width: auto;
    position: relative;
    padding-bottom: 5px;
    float: none;
    vertical-align: middle;
}






  
     
    
      <a href="index.html"><img src="Assets/Logo/GFCS_Logo_NoBckgnd.png" width="288" height="108" alt="GCFS"></a>
    
     
  
  
     
    
    <img src="Assets/navigation/navbutton_static_green.png" width="100" height="50" alt="Navi_Home"> <img src="Assets/navigation/navbutton_static_green.png" width="100" height="50" alt="Navi_Solutions"> <img src="Assets/navigation/navbutton_down.png" width="100" height="50" alt="navi_down">

    
      
        
        
            <img src="Assets/slideshow/hyatt_apts.png" width="1000" height="500" alt="Hyatt Apartments">
            <img src="Assets/slideshow/mccommas.png" width="1000" height="500" alt="McCommas">
            <img src="Assets/slideshow/park_4200.png" width="1000" height="500" alt="Park 4200">
            <img src="Assets/slideshow/quail_run.png" width="1000" height="500" alt="Quail Run">
            <img src="Assets/slideshow/roofdale.png" width="1000" height="500" alt="Roofdale Roof">
            <img src="Assets/slideshow/tri_truss.png" width="1000" height="500"> 
        
      
    
     
  

<p> </p>



$(function(){
        $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'fast', 

        next:   '#next', 
        prev:   '#prev' 
    });
});



Мой путь к папке JS для моего сайта (локально) выглядит следующим образом: C: \ Users \ Andrew \ Desktop \ GCFS \ JS

Я новичок в мире программирования, но то, что я пытаюсь достичь, довольно просто. Насколько я знаю, мне не нужно иметь готовую функцию, и JavaScript должен запускаться автоматически. Спасибо вам за вашу помощь!

Из комментария

Когда я попробовал это, это также не удалось

Green Cold-Formed Steel | Home 

 
 
 $(function() {  
   $('#slider').cycle({ fx: 'scrollHorz', speed: 'fast', next: '#next', prev: '#prev' });
}); 

 MasterFuel11 июн. 2013 г., 20:07
да, я использую Dreamweaver для создания этого сайта, поэтому файлсвязаны» и код был написан для меня.
 Blazemonger11 июн. 2013 г., 19:56
Вы уверены, что JQuery 1.10, где вы думаете, это?
 writeToBhuwan11 июн. 2013 г., 20:28
Очистите кеш браузера и следуйте @Sushanth - 'Совет ... Это сработает !!
 Aaska Patel13 мар. 2015 г., 11:11
также просмотрите этот ответstackoverflow.com/questions/21190580/...
 benastan11 июн. 2013 г., 20:19
(1) Узнайте, как использоватьСетевая панель так что вы можете увидеть, если есть ошибка, запрашивающаяjquery-1.10.1.min.js, (2) Узнайте, как использоватьПриставка так что вы можете следовать за тряпкойсовет Этот сайт можетне поможет тебе, если ты не научишься помогать себе :)
 writeToBhuwan11 июн. 2013 г., 21:11
проверьте мой ответ ... ваша проблема решена !!! :)

Ответы на вопрос(5)

2 вопроса.

Похоже, ваш jQuery не был загружен должным образом.

Вы обычно видите эту ошибку

Uncaught ReferenceError:$ is not defined

когда jQuery не был правильно включен на вашей странице.

Попробуйте использовать jQuery из CDN, и это должно решить вашу проблему

замещать

<script src="JS/jquery-1.10.1.min.js"></script>

с одним из CDN

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

НОТА: если вы тестируете из файловой системы, вам нужно добавитьhttp: на указанный выше URL, или это не удастся

Следующий файл сценария находится передHTML , Так что нужно содержать код вDOM Ready обработчик.

$(function() {
    $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'fast', 
        next:   '#next', 
        prev:   '#prev' 
    });
});

Насколько я знаю 'Slider» на меня ссылались, когда я создал div Id.

Нет. Если ваш скрипт был включен непосредственно перед телом, вы не можете заключить его в обработчик Ready. Но в вашем случае это присутствует в голове. Таким образом, когда скрипт запускается, этот конкретный элемент все еще не присутствует вDOM

Проверьте скрипку

 Sushanth --11 июн. 2013 г., 20:22
Работает отлично ееjsfiddle.net/sushanth009/UVWwW
 MasterFuel11 июн. 2013 г., 20:08
Ах, так после попытки вашей помощи, я до сих пор не вижу положительных результатов .. <название>Зеленая холоднокатаная сталь | Главная </ Название> <script src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js "> </ Скрипт>  <script src = "JS / jquery.cycle.all.js "> </ Скрипт> <Тип сценария = "текст / JavaScript "> $ (function () {$ ('#slider») .cycle ({fx: 'scrollHorz», скорость: 'быстро', следующий: '#следующий', пред .: '#prev»  }); }); </ Скрипт>  @sushanth
 benastan11 июн. 2013 г., 20:20
Да, это просто беспорядок кода ... вы должны пересмотреть свой вопрос выше, если вымы изменили ваш код.
 mplungjan11 июн. 2013 г., 21:56
Причина того, что код в вашем комментарии не сработал, скорее всего, потому что вы тестировали из своей файловой системы. Когда вы делаете это, вы ДОЛЖНЫ иметь http: перед // ajax ..... Вы должны принять этот ответ, так как он правильный и был первым

1) JQuery, возможно, не был загружен должным образом. Вы можете проверить это с помощью Chrome. Введите $ или jQuery, чтобы проверить, правильно ли он загружен.

2) Это основано на моем опыте работы с некоторыми JQuery.js, которые были бы связаны с другими библиотеками JS, где $ не будет поддерживаться, и вы вынуждены использовать jQuery вместо $. Проверьте строку ниже в файле js, которая вы загрузили в свой проект.

window.jQuery = window.$ = jQuery;

Я вижу, что с помощьюhttp://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js А не было»не работает для меня, но я использовалhttp://code.jquery.com/jquery-1.7.2.min.js

Ниже приведена единственная часть вашего кода, которую я редактировал, и она стала работать нормально для меня.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 Raghav11 июн. 2013 г., 20:38
Не могли бы вы отредактировать приведенный выше вопрос с последним кодом?
 MasterFuel11 июн. 2013 г., 21:09
Код был отредактирован выше. @Rag
 MasterFuel11 июн. 2013 г., 20:35
Конечно, теперь моя ошибка - ReferenceError: jQuery не определен Спасибо ВСЕМ за терпение и доброту, я знаю и глуп, когда дело доходит до этого. Но я стараюсь изо всех сил, ребята, вы удивительны в том, что вы делаете!
 Raghav11 июн. 2013 г., 21:35
Я вижу, что с помощьюajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js А не было»не работает для меня, но я использовалcode.jquery.com/jquery-1.7.2.min.js Может быть, поддержка еще не расширена до 1.10.1, не уверен.
 MasterFuel11 июн. 2013 г., 20:20
Как уже упоминалось в @Rag, я заменяю $ на jQuery, ошибка больше не появляется, однако скрипт все еще не запущен. и когда я запускаю его в консоли, jQuery не определяется, возвращается как ошибка

чески все библиотеки или фреймворки должны быть перед этим файлом .js.

<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="app.js"></script>

но причина сильно отличалась от сценариев, описанных выше. Мой сайт работал везде, кроме моего старого Android (2.2). Оказалось, что это устройство отклоняло сертификат https на CDN code.jquery.com, поэтому оно не загружало JQuery. Исправление заключалось в том, чтобы вместо этого загружать ресурсы JQuery из https Google CDN (используя URL-адреса, названные выше)

Решение Вопроса

1) Используйте Google CDN для загрузки jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

2) Насколько я знаю о плагине Cycle, он совместим с jQuery v1.5-v1.7, потому что большинство методов в jQuery 1.8+ устарели. Вот почему ямы использовали v1.5 Google CDN jquery в пункте 1. В большинстве примеров плагинов цикла используется jquery 1.5.

3) Очистить кеш вашего браузера, это основной виновник большую часть времени.

4) Пожалуйста, проверьте загрузку jquery, используя код ниже

if(typeof jQuery!=='undefined'){
    console.log('jQuery Loaded');
}
else{
    console.log('not loaded yet');
}

Major Edit:

Причина ошибки довольно проста:

Вы вызвали метод цикла перед загрузкой jquery.

плагин цикла вызовов на DOM готов ..

$(document).ready(function(){
    $('#slider').cycle({ 
        fx:     'scrollHorz', 
        speed:  'fast', 

        next:   '#next', 
        prev:   '#prev' 
    });  
});
 writeToBhuwan11 июн. 2013 г., 21:18
Рад знать, что это сработало .. :)
 MasterFuel11 июн. 2013 г., 21:16
это была проблема! Большое вам спасибо за всеВремя и помощь! Вы все спасатели!

Ваш ответ на вопрос