开始运行jQuery-未定义$错误

问题描述 投票:0回答:1

[您好,我是Java语言的新手,我正试图运行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'在定义之前已被使用。 $(Document).ready(function(){})

期望在'function'和'('。$(Document).ready(function(){})之间恰好有一个空格

准确地预期')'和'{'之间的一个空格。 $(Document).ready(function(){})

')'和'{'之间缺少空格。 $(Document).ready(function(){})

缺少“使用严格”声明。 $(Document).ready(function(){})

预期';'而是看到'(end)'。 $(Document).ready(function(){})

((我尝试同时加载本地jQuery脚本和其他jQuery脚本,但它们似乎都没有起作用){感谢您的关注}

javascript html eslint adobe-brackets
1个回答
1
投票

您必须具有.eslintrc.json文件。

© www.soinside.com 2019 - 2024. All rights reserved.