Fatal编程技术网

Javascript 旋转木马坏了

javascript jquery html css

Javascript 旋转木马坏了,javascript,jquery,html,css,carousel,Javascript,Jquery,Html,Css,Carousel,我想添加一个基本的滑动旋转木马到我的网站，并在大量的搜索后发现。我按照指示做了每件事，但不管我做什么，它都不起作用。以下是完整代码： <html> <head> <title>Carousel</title> <link rel="stylesheet" href="owl/owl.carousel.js"> <link rel="stylesheet" href="owl/owl.theme.defa

我想添加一个基本的滑动旋转木马到我的网站，并在大量的搜索后发现。我按照指示做了每件事，但不管我做什么，它都不起作用。以下是完整代码：

<html>
<head>
    <title>Carousel</title>

    <link rel="stylesheet" href="owl/owl.carousel.js"> 
    <link rel="stylesheet" href="owl/owl.theme.default.css">
    <link rel="stylesheet" href="owl/owl.animate.css">

</head>

<body>
    <div class="owl-carousel">
       <div class="item"><h4>1</h4></div>
       <div class="item"><h4>2</h4></div>
       <div class="item"><h4>3</h4></div>
       <div class="item"><h4>4</h4></div>
       <div class="item"><h4>5</h4></div>
       <div class="item"><h4>6</h4></div>
       <div class="item"><h4>7</h4></div>
       <div class="item"><h4>8</h4></div>
       <div class="item"><h4>9</h4></div>
       <div class="item"><h4>10</h4></div>
       <div class="item"><h4>11</h4></div>
       <div class="item"><h4>12</h4></div>
</div>

<script src="js/jquery-2.2.2.min.js"></script>
<script src="owl/owl.carousel.js"></script>
<script>
    $(document).ready(function(){
    $('.owl-carousel').owlCarousel(
        loop:true,
        margin:10,
        nav:true,
        responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
        }
        }));
    });
    </script>
</body>
编辑：浏览器的输出只是垂直显示的一系列数字，而不是水平旋转木马

我确信所需的CSS和Javascript文件都已准备就绪。请有人解决此问题。

您正在关闭打开的另一个。尝试更改此选项：

        1000:{
            items:5
        }
        }
        }));
    });
    </script>
为此：

        1000:{
            items:5
        }
        }));
    });
    </script>
或添加函数{…}；
希望有帮助

步骤1：检查浏览器控制台是否有错误。如果这没有帮助，那么给我们看一个实例。缺少{after owlcarousel，至少检查一下浏览器调试器是否有错误。@davidnguen我很抱歉。没有任何错误。我得到了一个不想要的输出。但是添加“{”没有任何区别。我已经编辑了这个问题以包含相同的内容。