$ (document).ready(function() {Uncaught ReferenceError: $не определен

Привет, у меня есть "Uncaught ReferenceError: $не определен" при использовании следующих кодов

В настоящее время я получаю следующую ошибку в моем журнале. Я смотрел образцы в рамках, и я просто не могу найти, где ошибка. Прошло более десяти лет с тех пор, как я сделал HTML или js, а то, что я сделал, тогда было очень простым. Любая помощь будет оценена

<script type="text/javascript">
var sQuery = '<?php echo $sQuery; ?>';

$(document).ready(function(){
    if($('input[name=sPattern]').val() == sQuery) {
        $('input[name=sPattern]').css('color', 'gray');
    }
    $('input[name=sPattern]').click(function(){
        if($('input[name=sPattern]').val() == sQuery) {
            $('input[name=sPattern]').val('');
            $('input[name=sPattern]').css('color', '');
        }
    });
    $('input[name=sPattern]').blur(function(){
        if($('input[name=sPattern]').val() == '') {
            $('input[name=sPattern]').val(sQuery);
            $('input[name=sPattern]').css('color', 'gray');
        }
    });
    $('input[name=sPattern]').keypress(function(){
        $('input[name=sPattern]').css('background','');
    })
});
function doSearch() {
    if($('input[name=sPattern]').val() == sQuery){
        return false;
    }
    if($('input[name=sPattern]').val().length < 3) {
        $('input[name=sPattern]').css('background', '#FFC6C6');
        return false;
    }
    return true;
}
</script>

enter image description here

Ответы

Ответ 1

Кажется, вы не импортируете jquery. Эти $функции поставляются с этой нестандартной (но очень полезной) библиотекой.

Прочтите учебник: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery Начинается с того, как импортировать библиотеку.

Ответ 2

Не нужно использовать jQuery.noConflict и все

Попробуйте это вместо:

// Replace line no. 87 (guessing from your chrome console) to the following

jQuery(document).ready(function($){

// All your code using $

});

Если вы по-прежнему получаете ошибку в строке 87, например Uncaught reference error: jQuery is not defined, тогда вам нужно включить файл jQuery перед его использованием, для которого вы можете проверить приведенные выше ответы

Ответ 3

Поместите этот код в теги <head></head>:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>

Ответ 4

Если вы уверены, что включен jQuery, попробуйте заменить $ на jQuery и повторите попытку.

Что-то вроде

jQuery(document).ready(function(){..

Тем не менее, если вы получаете ошибку, вы не включили jQuery.

Ответ 5

Я знаю, что это старый вопрос, и большинство людей ответили хорошими ответами. Но для справки и, надеюсь, спасение кого-то еще. Проверьте, работает ли ваша функция:

$(document).ready(function(){}

называется после, вы загрузили библиотеку JQuery

Ответ 6

многие другие люди ответили на ваш вопрос выше. Эта проблема возникает, когда ваш script не находит jQuery script, и если вы используете другую фреймворк или cms, тогда, возможно, существует конфликт между jQuery и другими библиотеками. В моем случае я использовал следующее:   `

<script src="js_directory/jquery.1.7.min.js"></script>
    <script>
    jQuery.noConflict();
    jQuery(document).ready(
    function($){
    //your other code here
    });</script>

`

здесь может быть некоторая синтаксическая ошибка. Пожалуйста, простите меня, потому что я пишу с моего мобильного телефона. Благодаря

Ответ 7

Помните, что вы должны сначала загрузить jquery script, а затем script js

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="example.js"></script>

Html читается последовательно!