日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

ajax+lazyload时lazyload失效问题及解决

發布時間:2025/3/8 编程问答 20 豆豆
生活随笔 收集整理的這篇文章主要介紹了 ajax+lazyload时lazyload失效问题及解决 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近寫公司的項目的時候遇到一個關于圖片加載的問題,所做的頁面是一個商城的商品列表頁,其中需要顯示商品圖片,名稱等信息,因為商品列表可能會很長,所以其中圖片需要滑到可以顯示的區域再進行加載。 首先我的圖片加載插件使用的是jquery的lazyload, **一般情況下:** 使用lazyload,只需要引入相關文件(當然jquery也要提前引入) <script src="../js/jquery.lazyload.js"></script> 然后在HTML的img標簽中加入類名:lazy,圖片的地址使用:data-original = “XXXXXXXXX”,最后再js中加上 $(function(){$("img.lazy").lazyload({effect: "fadeIn",container: $("#lazycontainer")}); })

這里設置了圖片加載進來顯示是漸現的效果,以及包裹整個商品列表的容器container

總結

以上是生活随笔為你收集整理的ajax+lazyload时lazyload失效问题及解决的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。