最新的开发工具swiper 不能滑动
发布于 6 年前 作者 jie65 585 次浏览 来自 问答

为什么 我更新了开发者工具 swiper写的轮播不能滑动，低版本就可以 这是为什么？？

5 回复

<!DOCTYPE html>

<html>

<head>

<meta http-equiv=“content-type” content=“text/html; charset=UTF-8” />

<meta name=“viewport” content=“width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no” />

<meta name=“apple-mobile-web-app-capable” content=“yes” />

<meta name=“apple-mobile-web-app-status-bar-style” content=“black” />

<meta name=“format-detection” content=“telephone=no”>

<title>首页</title>

<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/css/swiper.css">//加http

</head>

<body>

<div class=“banner”>

<div class=“swiper-container ind-ban”>

   <div class=“swiper-wrapper”>

       <div class="">

        <a href="#"><img src="" data-src=“images/banner.jpg”/></a>

       </div>

       <div class=“swiper-slide”>

        <a href="#"><img src="" data-src=“images/banner.jpg”/></a>

       </div>

       <div class=“swiper-slide”>

        <a href="#"><img src="" data-src=“images/banner.jpg”/></a>

       </div>

   </div>

   <div class=“swiper-pagination”></div>

</div>

</div>

</body>

 

<script src="cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/js/swiper.js"></script>//加http

<script>

var swiper = new Swiper(’.ind-ban’, {

       loop:true,

autoplay:3000,

autoplayDisableOnInteraction : false,

pagination: ‘.swiper-pagination’,

        paginationClickable: true});

</script>

</html>

详情 - 项目设置 - 调试库版本

检查下你选用的基础库 版本是什么

建议勾选到最新的 1.6.6

之前的某个版本的基础库是有这个bug的

在哪里勾选？

你好，请提供一下能复现问题的简单代码示例。

回到顶部