Owl Carousel未加载
Owl Carousel未加载
提问于 2014-09-11 23:12:43
我想添加猫头鹰旋转木马到我的网页，但它不加载，也没有错误信息在浏览器控制台中。为什么旋转木马不能加载？？
<!DOCTYPE html>
<html>
<head>
<link rel= "stylesheet" type="text/css" href="CSS_Header.css"/>
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="assets/owl.carousel.css"/>
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
</head>
<body>
<!-- jQuery 1.7+ -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<!-- Include js plugin -->
<script src="owl.carousel.js"></script>
<script src="owl.carousel.min.js"></script>
<div id="Items" class="owl-carousel">
<div><img src="slide1.png"/></div>
<div><img src="slide1.png"/></div>
<div><img src="slide1.png"/></div>
<script type="text/css">
$(document).ready(function() {
$("#Items").owlCarousel();
});
</script>
</div>
</body>
</html>回答 3
Stack Overflow用户
发布于 2017-03-03 09:16:59
我认为您应该为您在owl carousel上添加的每个项目添加类.item，以便其结构适合于owl-corousel识别。
<div id="Items" class="owl-carousel">
<div class="item"><img src="slide1.png"/></div>
<div class="item"><img src="slide1.png"/></div>
<div class="item"><img src="slide1.png"/></div>
<script type="text/css">
$(document).ready(function() {
$("#Items").owlCarousel();
});
</script>
</div>Stack Overflow用户
发布于 2014-09-11 23:22:55
在标记为<script type="text/css">的标记中有javascript。尝试将其更改为<script type="text/javascript">。
另外，我建议把你的脚本放到你的<head>中。将脚本放在要操作的元素中并不是一个好主意。
Stack Overflow用户
发布于 2015-05-03 18:43:52
尝试使用较早版本的jQuery，如jquery-1.9.1.min.js
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25791129
复制相关文章
相似问题
腾讯云开发者
