Fatal编程技术网
  • javascript/
  • Javascript 正在运行jQuery-$未定义错误

Javascript 正在运行jQuery-$未定义错误

javascript html

Javascript 正在运行jQuery-$未定义错误,javascript,html,eslint,adobe-brackets,Javascript,Html,Eslint,Adobe Brackets,您好，我是Javascript新手，我正在尝试运行jQuery库，但Chrome将此错误通知我。 我确实在Stack Overflow和Google上搜索了一些关于这方面的帖子，但即使如此，至少对我来说，我还是找不到满意的答案（我检查是否将jQuery脚本放在第一位）。以下是我的HTML源代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

您好，我是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>
这是我运行的一行代码：

$(Document).ready(function(){})
括号中的错误：

埃斯林特（2）

错误： 未定义“$”。[无未定义]$（文档）.ready（函数（）{}）

错误：未定义“文档”。[无未定义]$（文档）.ready（函数（）{}） JSLint（7）

在定义之前使用了“$”$（文档）.ready（函数（）{}）

“文档”在定义之前已被使用$（文档）.ready（函数（）{}）

“function”和“（'.$（Document）.ready（function（）{}）之间应正好有一个空格

“'）和“{.$（Document）.ready（function（）{}）之间应正好有一个空格

“'）和“{.$（文档）.ready（函数（）{}）之间缺少空格

缺少“use strict”语句。$（文档）.ready（函数（）{}）

应为“；”而不是saw'（end）.$（文档）.ready（函数（）{}） （我尝试加载本地jQuery脚本和其他脚本，但它们似乎都不起作用）
{感谢您的关注}

您必须有一个.eslintrc.json文件

确保其中包含以下代码行：

   "env": {
     "browser": true,
     "commonjs": true,
     "es6": true,
     "jquery": true
   },
   "plugins": [
      "dollar-sign",
      "jquery"
   ],
   "rules": { 
      "dollar-sign/dollar-sign": [
          2,
          "ignoreProperties"
       ]
   }
您可以在此处阅读更多内容：

这似乎是一个linter错误，而不是包含脚本的实际问题。请确保您的linter知道您使用了jQuery，这样它就知道
$
是全局的。还应该是
文档
而不是
文档
。JS变量名区分大小写。@ADyson您是对的，我将文档键入了哦，仍然有同样的麻烦，你到底在哪里看到这些错误？正如VLAZ所说的，它们看起来大多像Link错误。你试过在浏览器中运行脚本吗？1。配置你的Link 2。考虑一下你在Link中的规则。这会消除错误。如果你不想把代码擦掉，就删除ESLI。为了以防万一，我用了jQuery而不是“$”符号，问题还是一样的，我会检查一下，谢谢。完成本，还是一样的problem@ArturoBolívarlabautdellrío尝试（基于此）在main.js文件的开头添加/*eslint env jquery*/或者/*global$*/您还可以在eslintrc.json文件中添加{“全局”：{“$”：true} 
   "env": {
     "browser": true,
     "commonjs": true,
     "es6": true,
     "jquery": true
   },
   "plugins": [
      "dollar-sign",
      "jquery"
   ],
   "rules": { 
      "dollar-sign/dollar-sign": [
          2,
          "ignoreProperties"
       ]
   }