最近使用jQuery輪播遇到了一個問題,就是無法換圖片。在網上百度了很多,也看了很多教程,但一直都不行。
最后發現問題出在自己的代碼上。具體原因是因為自己在HTML中設置了data-src屬性,然后在js代碼中使用$(this).attr(‘src’,imgsrc)來獲取src屬性的值來更換圖片,但由于存在data-src屬性,導致js代碼獲取的不是正確的src屬性。
代碼如下:
//js代碼 $(‘.mainImg img’).attr(‘src’,imgsrc); //HTML代碼
所以解決辦法就是更改js代碼,獲取正確的圖片路徑。代碼修改后如下:
//js代碼 $(‘.mainImg img’).attr(‘src’, $(this).attr(‘data-src’)); //HTML代碼
修改后,就可以輪播更換不同的圖片了。
總之,遇到問題要多思考,不能只看教程,更要查看自己的代碼邏輯。
上一篇css怎么寫底部陰影