这个报错是什么意思

来源:2-2 编程练习

Ting111

2020-09-26 18:47:29

http://img.mukewang.com/climg/5f6f1c31099a0bf921601126.jpg

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="../作业/swiper-5.4.5/package/css/swiper.min.css">

   <script src="../作业/swiper-5.4.5/package/js/swiper.min.js"></script>

    <style>

        body,html{

            height: 100%;

            width: 100%;

        }

        .swiper-slide{

            height: 100%;

            width: 100%;

        }

        .swiper-container{

            height: 100%;

            width: 100%;

        }

    </style>

</head>

<body>

    <div class="swiper-container">

    <div class="swiper-slide" id="box">1</div>

    <div class="swiper-slide" id="box">2</div>

    <div class="swiper-slide" id="box">3</div>

    </div>

    <script>

        var mySwiper = new Swiper ('.swiper-container', {

    direction: 'vertical', // 垂直切换选项

    loop: true, })// 循环模式选项

    

    </script>

</body>

</html>


写回答

1回答

好帮手慕言

2020-09-26

同学你好,是因为html结构不对,修改如下:

http://img.mukewang.com/climg/5f6f216f092a5d6e07080230.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程