jq程式碼呼叫swiper外掛裡遇到的BUG
阿新 • • 發佈:2021-12-23
最近寫專案用到了swiper外掛,說實話,swiper不是第一次用了,體驗還是很棒的,但這次專案裡,卻遇到了一些問題,在這裡記錄下來,希望看到的小夥伴們不會像我一樣踩雷。
問題一:swiper無效
平常都是這樣寫的:
但不知道為啥,突然就不行了。
檢查了一下:外掛已經引入,html元素類名沒有問題,js裡沒有寫錯字母
最後折騰了好久,加了個定時器完事了。
改成了這種:
網上的解釋是:swiper程式碼執行速度太快導致找不到元素從而無效.....
感覺很有道理,就是不知道為啥以前沒問題,這次遇到問題了。
問題二:swiper裡面的分頁器無效
swiper裡面有個屬性 pagination,是用來製作分頁器的,這次同樣遇到了問題
以往的寫法:
這次專案裡輪播圖上的分頁突然就不顯示了,看了看dom結構,發現根本沒有那些節點,也就是說,pagination沒起效果。
又是一番檢查:外掛已經引入,html元素類名沒有問題,js裡沒有寫錯字母
後來在VUE呼叫swiper的一篇部落格裡發現了pagination的另一種寫法:
查了查,發現pagination後面跟物件是版本4~7的寫法,pagination後面跟字串的寫法,只在swiper外掛3以及3以下的版本才會用的,這就很無奈了....
emmm暫時就遇到了這兩個問題,以後有的話再補充!