4

Консоль выдает такую ошибку:

Uncaught TypeError: $ is not a function
    at profile.php?id=1:122

Пробовал в пустом .php файле, там всё работает отлично, сделал вывод что какой-то внутренний скрипт мешает работе. $.noConflict(); не помогло. Как решить эту проблему?

PHP файл:

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="/engine/smiles/emojionearea.js"></script>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

Стили и прочие не-скриптовые записи опущены в <head>.

Все подключенные модули отвечают Response code: 200.

Сам скрипт:

<div class="box-v5 panel">
    <script type="text/javascript">
        $.noConflict();
        $(document).ready(function() { //Та самая строчка, на которую ругается консоль
            $("#emojionearea1").emojioneArea({
                pickerPosition: "left",
                tonesStyle: "bullet"
            });
        });
    </script>
    <div class="panel-heading padding-0 bg-white border-none">
    <textarea id="emojionearea1">Default :smile:</textarea>
12
  • Где тут php? Вижу только js и html. 25 окт 2017 в 13:43
  • Если ругается именно на эту строку, то можно попробовать такой вариант: $(document).ready(function($) {
    – Regent
    25 окт 2017 в 13:43
  • вставьте в начало обработчика ready - console.log($);
    – user176262
    25 окт 2017 в 13:47
  • Такая же ошибка. 25 окт 2017 в 13:47
  • @xYaroslavGTx а вы уверены тогда, что ошибка не на строке с document.ready?
    – Regent
    25 окт 2017 в 13:49

2 ответа 2

3

Дабы избежать конфликта с $, можно воспользоваться таким вариантом:

jQuery(document).ready(function($) {
    //использование jQuery как $
}

Объект jQuery передаётся в функцию, вызываемую при document.ready, в качестве первого параметра. Так как параметру можно задать любое имя, то для этого вполне подойдёт $. А так как это локальная переменная (параметр), то при использовании $ внутри функции браться будет она, а не глобальная переменная $ (которая где-то в коде была заменена с jQuery на что-то другое).


Аналогично для "короткого" варианта document.ready:

jQuery(function($) {
    //использование jQuery как $
});

При использовании вне document.ready:

(function($) {
    //использование jQuery как $
})(jQuery);
2
jQuery(document).ready(function($) {

});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.