問題:使用swiper插件生成的輪播圖廷支,給輪播加了click事件频鉴,第一次點擊時沒有問題,滑動后點擊事件失效恋拍。
分析原因:
使用了loop為true之后垛孔,假設你輪播了2個banner,為了輪播的連貫性施敢,swiper-slide復制了2個周荐,此時的swiper-slide是swiper生成的,并沒有復制綁定在dom上的事件僵娃。
解決方法:
利用new swiper時 去綁定點擊事件概作。
在標簽上將你需要的值嵌入進去:
然后在swiper的配置選項中,通過swiper插件的點擊事件中獲取到你需要的值默怨,再進行后續(xù)操作讯榕。(因為我們需要根據(jù)循環(huán)的link去跳轉,不需要該數(shù)據(jù)的可不必data-i傳值)
本人項目用的swiper2中點擊事件為onSlideClick,最新的swiper點擊事件為:
詳情去swiper查看https://www.swiper.com.cn/匙睹。
注:如果你的需求只是點擊banner跳轉鏈接瘩扼,可直接在img外層套一個a標簽谆甜,更加方便。