我正在尝试向我的站点添加一个简单的轮播。做了一些研究后，我发现了 owl.carousel.js，我喜欢他们使用的布局，这似乎就是我要找的。
请记住，我对这一切都是陌生的。 :)
我的问题是，在我下载了文件并将链接添加到我的 html 之后，我该如何让它工作？另外我不确定我是否必须在 html 中添加 JS 或像我拥有的那样分开。在猫头鹰网站上，它只是说调用函数。
$(document).ready(function(){
$(".owl-carousel").owlCarousel();
});<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<a link href="main.css" rel="stylsheet" type="text/css">
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
<title></title>
</head>
<body>
<div class="owl-carousel">
<div> <img src="images/images-1.jpeg"> </div>
<div> <img src="images/images-2.jpeg"> </div>
<div> <img src="images/images-3.jpeg"> </div>
<div> <img src="images/images.jpeg"> </div>
<div> <img src="images/shutterstock_204805573.jpg"> </div>
<div> <img src="images/shutterstock_221107753.jpg"> </div>
<div> <img src="images/smug%20mug%20portrait%20copy.jpg"> </div>
</div>
<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
</body>
</html>最佳答案
查看您的 html，它应该可以工作。只需在包含 owl carousel js 文件后立即添加代码段(您首先提到的)。所以，最终应该是这样的:
...
<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
$(document).ready(function(){
$(".owl-carousel").owlCarousel();
});
</body>
</html>
关于javascript - 如何在 HTML 和 CSS 中使用外部库和插件，如 owl.carousel.js？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34573573/