layui的圖片層點擊兩次才彈出和圖片緩存問題解決(第一次點擊還是上一次的圖片)

let layer = layui.layer;
layer.photos({
	photos : '此處寫你要綁定點擊事件的標識,如div的id等',//不要再外面再加點擊事件,會重複綁定點擊事件
	anim : 5,//動畫效果
})

下面是html代碼示例(採用動態拼接方式填充的html代碼)

<div name = 'example1' id='layui圖片層綁定的id'>
	<img src='圖片地址1' alt='圖片名稱1' lay-src='大圖展示的地址1' >
	<img src='圖片地址2' alt='圖片名稱2' lay-src='大圖展示的地址2' >
	<img src='圖片地址3' alt='圖片名稱3' lay-src='大圖展示的地址3' >
	<img src='圖片地址4' alt='圖片名稱4' lay-src='大圖展示的地址4' >
</div>

注意div中單name需要不同,否則會有圖片層緩存現象,拼接的輪播圖,或者多組圖片,一定要給每一個都加一個單獨的name屬性

發佈了48 篇原創文章 · 獲贊 69 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章