解決swiper動態改變資料後分頁混亂問題

2022-07-22 00:54:22 字數 1471 閱讀 6015

swiper動態改變資料後分頁器的頁數就變混亂了，導致內容展示不全。

本文的解決方法不能算是真正意義上的解決了問題。只是在展示上符合了要求。

html：

<


div 


id="swiperbox"


>


<


div 


class


="swiper-container"


id="img_detail"


>


<


div 


class


id="swiperimgs"


>


div>


<


div 


class


="swiper-pagination"


>


div>


div>


div>
html部分就和官方文件裡給出的例子一樣的。我只是在swiper-container外邊又套了乙個用於在動態改變資料的時候動態刪除和新增swiper。

js

//


jsvar num = 7;//


滑動視窗中的數量


var color = "red";//


當前選中的包的顏色


window.onload = function


() //


初始化滑動窗


function


init() 


var myswiper = new swiper('.swiper-container', 


})}//


改變顏色


function


changecolor(c, n,obj)
網上比較多的方法是給對swiper設定屬性observe:true，或者改變資料後呼叫myswiper.update()函式進行更新，我都試過了，但多少還是會出現一些問題，要不就是分頁器的標籤數不對，要不就是分頁器標籤不跟隨移動等等。無奈之下用了這種方法，踏實了。

以下是我改變顏色的按鈕的html：

動態改變陣列的大小

在陣列後追加值 param oldarray 要追加值的陣列 param str 要新增的元素 return 如果陣列是null，則返回新陣列並將值加入，否則返回老陣列的值copy到新陣列並將值追加進去。if null oldarray string newarray new string olda...

依據條件改變資料顏色

依據條件改變資料顏色 深圳 獨孤求敗2003 05 26 依據條件改變資料顏色是許多場合都要用到的重要功能，資料顏色的改變不僅引人注目，而且能起到暗示作用，清楚地告訴使用者價位的漲跌或狀態的改變等。大多數 實時 顯示軟體都提供了這種功能。在當前價位比其前一價位高時，當前價位資料顏色變紅，表示價位 反...

改變資料庫字元編碼

檢視編碼 show variables like collation show variables like character set 修改 mysql 修改預設字符集，轉換字符集 mysql 5.x 1.修改 mysql 資料庫預設字符集 mysql database default chara...