源码文件打开后根本无法滑动

来源:3-1 tab切换综合示例

weixin_慕前端6235132

2020-07-03 15:36:27

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8" />

    <meta

      name="viewport"

      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"

    />

    <title>Swiper Demo5</title>

    <link

      rel="stylesheet"

      type="text/css"

      href="../js/swiper/idangerous.swiper2.7.6.css"

    />

    <link rel="stylesheet" type="text/css" href="../css/index.css" />

  </head>

  <body>

    <div class="swiper-container">

      <div class="swiper-wrapper">

        <div class="swiper-slide bg-1png"></div>

        <div class="swiper-slide bg-2png"></div>

        <div class="swiper-slide bg-3png"></div>

        <div class="swiper-slide bg-4png"></div>

      </div>

    </div>


    <div class="tabs">

      <a href="" class="active">首页</a>

      <a href="">课程</a>

      <a href="">发现</a>

      <a href="">我的</a>

    </div>


    <script

      type="text/javascript"

      src="../js/jquery/jquery-1.10.1.min.js"

    ></script>

    <script

      type="text/javascript"

      src="../js/swiper/idangerous.swiper2.7.6.min.js"

    ></script>

    <script type="text/javascript" src="../js/index.js"></script>

  </body>

</html>



写回答

1回答

好帮手慕久久

2020-07-03

同学你好,老师这边使用谷歌浏览器,测试源代码,可以正常滑动,没有出现同学所说的无法滑动的现象:

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

建议同学重新下载一遍源代码,并且不要更改swiper文件夹中文件的内容,然后使用谷歌浏览器直接打开,再测试一下。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程