Начало работы jQuery - $ не определено Ошибка - PullRequest
Новая
       91

Начало работы jQuery - $ не определено Ошибка

0 голосов
/ 29 апреля 2020

Здравствуйте, я новичок в Javascript, я пытаюсь запустить библиотеку jQuery, но Chrome уведомляет меня об этой ошибке. Я выполнил поиск по нескольким постам об этом в Stack Overflow и в Google, но даже для меня, по крайней мере, я не смог найти удовлетворительного ответа (я проверил, чтобы сначала поставить jQuery скрипт). Вот мой HTML исходный код: 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Responsive Design</title>
        <link rel="stylesheet" href="css/style.css" type="text/css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/slick-theme.css">
        <!--<script type="text/javascript"  src="js/jquery-3.4.1.min.js"></script>-->
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
       <script src="js/bootstrap.min.js"></script>
       <script src="js/slick.min.js"></script>


    </head>
    <body>
        <header>
            <div class="container">
                <div class="row">
                    <a href="" class="logo">

                        <img src="" alt="">
                    </a>
                    <nav>
                        <ul>
                            <li><a href="">Home</a></li>
                            <li><a href="">Work</a></li>
                            <li><a href="">Services</a></li>
                            <li><a href="">Clients</a></li>
                            <li><a href="">Our Team</a></li>
                            <li><a href="">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header> 
           <section class="slider">
               <ul class="slider-carousel" id="#slider-carousel">
                   <li class="img1">
                       <h2>BEAUTIFIED BUSINESS <span>TEMPLATE</span></h2>
                       <p>We believe in creativity always</p>
                       <i class="fab fa-apple"></i>
                       <i class="fab fa-android"></i>
                       <i class="fab fa-windows"></i>
                       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio modi ducimus aut nihil explicabo, quia voluptatibus. Sint consequatur culpa vel sapiente, et dicta ratione facere distinctio, maiores modi eligendi. Perspiciatis.</p>
                       <a href="" class="btn btn-half">Get Started</a>
                       <a href="" class="btn btn-full">Buy Now</a>
                   </li>
                   <li>
                       <h2>Slider</h2>
                   </li>
                   <li>
                       <h2>Slider</h2>
                   </li>
               </ul>
           </section>   
           <script type="text/javascript" src="js/main.js"></script>
    </body>
</html>

Это моя структура каталогов: 

**Project
 |
 +-- index.html
 |    
 +-- js
 |  |  
 |  -- bootstrap.min.js
 |  -- jquery-3.4.1.min.js
 |  -- main.js
 |  -- slick.min.js
 |    
 +-- css
 |  |  
 |  -- all.css
 |  -- bootstrap.min.css
 |  -- slick.css
 |  -- slick-theme.css
 |  -- style.css
 |    
 +-- images
 |  |  
    -- slider1.jpg

Это единственная строка кода, которую я запускаю: 

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

ОШИБКИ, КОТОРЫЕ Я ПОЛУЧАЮ В КРОНШТЕЙНАХ:

ESLint (2)

ОШИБКА: '$' не определено. [no-undef] $ (Document) .ready (function () {})

ОШИБКА: «Документ» не определен. [no-undef] $ (Document) .ready (function () {}) JSLint (7)

'$' использовался до его определения. $ (Document) .ready (function () {})

«Документ» использовался до его определения. $ (Document) .ready (function () {})

Ожидается ровно один пробел между 'function' и '('. $ (Document) .ready (function () {})

Ожидается ровно один пробел между ')' и '{'. $ (Document) .ready (function () {})

Отсутствует пробел между ')' и '{'. $ (Document) .ready (function () {})

Отсутствует выражение «использовать строгий». $ (Document) .ready (function () {})

Ожидается ';' и вместо этого увидел «(конец)». $ (Document) .ready (function () {})

(я пытался загрузить оба, локальный jQuery сценарий и другой, но, похоже, ни один из них не работал) {Спасибо за ваш внимание}

1 Ответ

1 голос
/ 29 апреля 2020

У вас должен быть файл .eslintr c. json.

Убедитесь, что в нем есть следующие строки кода: 

   "env": {
     "browser": true,
     "commonjs": true,
     "es6": true,
     "jquery": true
   },
   "plugins": [
      "dollar-sign",
      "jquery"
   ],
   "rules": { 
      "dollar-sign/dollar-sign": [
          2,
          "ignoreProperties"
       ]
   }

Подробнее вы можете прочитать здесь : https://eslint.org/docs/user-guide/configuring#configuration -файл-форматы

...