Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 安装owl转盘时出现的问题_Javascript_Html_Owl Carousel - Fatal编程技术网

Javascript 安装owl转盘时出现的问题

Javascript 安装owl转盘时出现的问题,javascript,html,owl-carousel,Javascript,Html,Owl Carousel,嘿,伙计们,我是web开发的新手,想在页面上安装owl转盘,但什么也没发生。以下是我的代码: <section class="showcase"> <div class="owl-carousel"> <div><img src="./9781471407956.jpg" alt=""></div> <div><img src="./9781471407956.jpg" alt=

嘿,伙计们,我是web开发的新手,想在页面上安装owl转盘,但什么也没发生。以下是我的代码:

<section class="showcase">
    <div class="owl-carousel">
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
        <div><img src="./9781471407956.jpg" alt=""></div>
    </div>
</section>

然后,我已经包括在内头标签的链接作为

<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">

最后,在结束正文之前,我加入了javascript代码:

<script src="./OwlCarousel2-2.3.4/docs/assets/vendors/jquery.min.js"></script>
<script src="./OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
$(document).ready(function(){
    $(".owl-carousel").owlCarousel();
});

$(文档).ready(函数(){
$(“.owl carousel”).owlCarousel();
});
我真的需要你的帮助

var owl = jQuery('.owl-carousel');
            owl.owlCarousel({
                items: 1,
                margin: 10,
                autoplay: true,
                autoPlay: 3000,
                nav: false,
                dots: false,
                autoplayTimeout: 3000,
                autoplayHoverPause: true,
                loop: true,
});
然后在风格上包括

.owl-item {
   float:left
}

css和js文件加载是否成功?为什么
/
不是
。/
?如果
$.fn.owlCarousel
未定义,请确保按照此示例在控制台中进行检查,或者检查网络选项卡中是否存在任何
404错误,因此我已放置以下代码:$(document).ready(function(){var owl=jQuery('.owl carousel');owl.owlCarousel({items:1,margin:10,autoplay:true,autoplay:3000,nav:false,dots:false,autoplayTimeout:3000,autoplayHoverPause:true,loop:true,});});这是正确的代码吗?