zoukankan      html  css  js  c++  java
  • jq代码调用swiper插件里遇到的BUG

    最近写项目用到了swiper插件,说实话,swiper不是第一次用了,体验还是很棒的,但这次项目里,却遇到了一些问题,在这里记录下来,希望看到的小伙伴们不会像我一样踩雷。

    问题一:swiper无效

    平常都是这样写的:

    但不知道为啥,突然就不行了。
    检查了一下:插件已经引入,html元素类名没有问题,js里没有写错字母
    最后折腾了好久,加了个定时器完事了。

    改成了这种:

    网上的解释是:swiper代码运行速度太快导致找不到元素从而无效.....
    感觉很有道理,就是不知道为啥以前没问题,这次遇到问题了。

    问题二:swiper里面的分页器无效

    swiper里面有个属性 pagination,是用来制作分页器的,这次同样遇到了问题

    以往的写法:

    这次项目里轮播图上的分页突然就不显示了,看了看dom结构,发现根本没有那些节点,也就是说,pagination没起效果。

    又是一番检查:插件已经引入,html元素类名没有问题,js里没有写错字母

    后来在VUE调用swiper的一篇博客里发现了pagination的另一种写法:

    查了查,发现pagination后面跟对象是版本4~7的写法,pagination后面跟字符串的写法,只在swiper插件3以及3以下的版本才会用的,这就很无奈了....

    emmm暂时就遇到了这两个问题,以后有的话再补充!

  • 相关阅读:
    python 函数function
    安装python 第三方库遇到的安装问题 microsoft visual studio c++ 10.0 is required,Could not find function xmlCheckVersion in library libxml2. Is libxml2 installed?
    Pandas库入门
    pyplot基础图表函数概述
    Matplotlib库介绍
    Numpy数据存取与函数
    NumPy库入门
    css3知识
    HTML标签marquee实现滚动效果
    JQuery导航选择特效
  • 原文地址:https://www.cnblogs.com/s272/p/15722159.html
Copyright © 2011-2022 走看看