[您好,我是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(){})
((我尝试同时加载本地jQuery脚本和其他jQuery脚本,但它们似乎都没有起作用){感谢您的关注}
您必须具有.eslintrc.json文件。