swiper 點擊事件失效問題

問題:使用swiper插件生成的輪播圖廷支,給輪播加了click事件频鉴,第一次點擊時沒有問題,滑動后點擊事件失效恋拍。

分析原因:使用了loop為true之后垛孔,假設你輪播了2個banner,為了輪播的連貫性施敢,swiper-slide復制了2個周荐,此時的swiper-slide是swiper生成的,并沒有復制綁定在dom上的事件僵娃。
解決方法:利用new swiper時 去綁定點擊事件概作。
在標簽上將你需要的值嵌入進去:

image.png

然后在swiper的配置選項中,通過swiper插件的點擊事件中獲取到你需要的值默怨,再進行后續(xù)操作讯榕。(因為我們需要根據(jù)循環(huán)的link去跳轉,不需要該數(shù)據(jù)的可不必data-i傳值)
image.png

本人項目用的swiper2中點擊事件為onSlideClick,最新的swiper點擊事件為:
image.png

詳情去swiper查看https://www.swiper.com.cn/匙睹。

注:如果你的需求只是點擊banner跳轉鏈接瘩扼,可直接在img外層套一個a標簽谆甜,更加方便。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末集绰,一起剝皮案震驚了整個濱河市规辱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌栽燕,老刑警劉巖罕袋,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異碍岔,居然都是意外死亡浴讯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門蔼啦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來榆纽,“玉大人,你說我怎么就攤上這事捏肢∧巫眩” “怎么了?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵鸵赫,是天一觀的道長衣屏。 經(jīng)常有香客問我,道長辩棒,這世上最難降的妖魔是什么狼忱? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮一睁,結果婚禮上钻弄,老公的妹妹穿的比我還像新娘。我一直安慰自己者吁,他們只是感情好斧蜕,可當我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著砚偶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪洒闸。 梳的紋絲不亂的頭發(fā)上染坯,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音丘逸,去河邊找鬼单鹿。 笑死,一個胖子當著我的面吹牛深纲,可吹牛的內(nèi)容都是我干的仲锄。 我是一名探鬼主播劲妙,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼儒喊!你這毒婦竟也來了镣奋?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤怀愧,失蹤者是張志新(化名)和其女友劉穎侨颈,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芯义,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡哈垢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了扛拨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片耘分。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖绑警,靈堂內(nèi)的尸體忽然破棺而出求泰,到底是詐尸還是另有隱情,我是刑警寧澤待秃,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布拜秧,位于F島的核電站,受9級特大地震影響章郁,放射性物質(zhì)發(fā)生泄漏枉氮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一暖庄、第九天 我趴在偏房一處隱蔽的房頂上張望聊替。 院中可真熱鬧,春花似錦培廓、人聲如沸惹悄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽泣港。三九已至,卻和暖如春价匠,著一層夾襖步出監(jiān)牢的瞬間当纱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工踩窖, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留坡氯,地道東北人。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像箫柳,于是被迫代替她去往敵國和親手形。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,435評論 2 348

推薦閱讀更多精彩內(nèi)容

  • vue去哪網(wǎng)跟學筆記 記錄學習點滴 1. 初始化項目 1.1 手機顯示配適 minimum-scale=1.0,m...
    noobakong閱讀 2,231評論 0 16
  • vue-awesome-swiper是基于swiper的悯恍,安裝不同版本的vue-awesome-swiper對應不...
    秋分落葉閱讀 8,397評論 0 0
  • Swiper簡介 Swiper是純javascript打造的滑動特效插件库糠,面向手機、平板電腦等移動終端坪稽。Swipe...
    lena_b870閱讀 685評論 0 0
  • 什么是OpenFOAM 概要 OpenFOAM是ESI集團下屬的OpenCFD公司開發(fā)的一款物理場計算軟件曼玩。該軟件...
    Kevin_WALKE閱讀 8,975評論 0 1
  • 閱讀1小時,總計631小時窒百,第595日黍判。 閱讀《思想的力量》至93% 后殖民思想家們以現(xiàn)代特有的綜合方式融合了傳統(tǒng)...
    龍?zhí)赘缢_克海龍閱讀 58評論 0 0