在前端設(shè)計(jì)中,經(jīng)常會(huì)有不少的小伙伴們遇到輪播問(wèn)題,這里小編推薦使用swiper,移動(dòng)端PC端都能使用,但是遇到一個(gè)頁(yè)面中有多個(gè)swiper時(shí)會(huì)出現(xiàn)問(wèn)題,今天文匯軟件小編就來(lái)和大家分享一下這方面的問(wèn)題。
小編之前碰到了這樣的一個(gè)案例一個(gè)頁(yè)面中有好幾個(gè)swiper,但是一個(gè)是有四個(gè)按鈕一個(gè)是有兩個(gè),小編按照正常的方法套用swiper結(jié)果發(fā)現(xiàn)兩個(gè)swiper不但順拐了,而且個(gè)數(shù)也都變得一樣了。


下圖是對(duì)應(yīng)的代碼,這里的最外層小編都起了不同的類名,按照正常說(shuō)應(yīng)該是可以的啊。


而且只要是刪掉下方就可以恢復(fù)正常

之后小編才了解到這的問(wèn)題出在按鈕的類名稱上,這里不知要改最大的盒子的名稱,同時(shí)也要修改對(duì)應(yīng)的按鈕的類名


這樣就能像下圖那樣正常輪播了


想要了解更多前端知識(shí),請(qǐng)關(guān)注文匯軟件。



