我得到了这个控制台错误，而使用MaterializeCss框架从https://materializecss.com/carousel.html#one!:
Uncaught TypeError: $(...).carousel is not a function
at HTMLDocument.<anonymous> (index.html:48:24)
at e (jquery.min.js:2:30038)
at t (jquery.min.js:2:30340)
使用jQuery和MaterializeCss框架时:
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div class="carousel">
<a class="carousel-item" href="#one!"><img src="http://2.ngsoft.de/E3sAmcr">Hallo</a>
<a class="carousel-item" href="#two!"><img src="http://2.ngsoft.de/9i7nKEo"></a>
</div>
<script>
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
</body>
</html>
我想我没有jQuery加载两次…
好的，我知道了，我只需要在MaterializeCss之前加载jQuery脚本…这是所有的