1. 程式人生 > 其它 >jq程式碼呼叫swiper外掛裡遇到的BUG

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暫時就遇到了這兩個問題,以後有的話再補充!