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