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暂时就遇到了这两个问题,以后有的话再补充!

  • 相关阅读:
    原生js实现网页触屏滑动
    微博开放平台api使用
    Java IO流详尽解析
    table总结insertRow、deleteRow
    struts2 type="redirect"源码解析
    如何查找MySQL中查询慢的SQL语句
    理解jquery的$.extend()、$.fn和$.fn.extend()
    jQuery.extend 函数详解
    CSS3 text-rendering属性
    运用@media实现网页自适应中的几个关键分辨率
  • 原文地址:https://www.cnblogs.com/s272/p/15722159.html
Copyright © 2011-2022 走看看