今天,設(shè)計(jì)師給了這樣一張圖，要求點(diǎn)擊上邊的白字實(shí)現(xiàn)切換，本身是很簡單的一個(gè)東西，剛開始我想的是sildetoloop方法來實(shí)現(xiàn)跳轉(zhuǎn)，具體思路如下：
點(diǎn)擊上邊的五個(gè)div的時(shí)候，取到所屬的index，然后根據(jù)index來跳轉(zhuǎn)所對應(yīng)的siwper的第幾個(gè)，跳轉(zhuǎn)很成功，但是發(fā)現(xiàn)了以一個(gè)小問題，當(dāng)使用如上跳轉(zhuǎn)方法時(shí)會導(dǎo)致tool循環(huán)失效如下圖所示。這個(gè)問題沒有解決陷入了困難。
這邊猜測可能是因?yàn)樽约簩懙奶D(zhuǎn)沒有走swiper的js，所以去翻了一下swiper的官網(wǎng)，發(fā)現(xiàn)了另一個(gè)東西。
其實(shí)swiper點(diǎn)擊指示點(diǎn)也可以跳轉(zhuǎn)，我們可以直接修改swiper指示點(diǎn)的樣式，達(dá)到切換的效果，此次切換正常。
關(guān)鍵詞:
