jquery不顯示圖片背景是因為路徑不正確,其解決方法:1、開啟對應的js檔案;2、透過「let src='clock/img/afternoon.png';them_icons.css( 'background','url(' src ')')」方式重新設定背景圖片即可。
本教學操作環境:Windows10系統、jquery3.2.1版、DELL G3電腦
jquery不顯示圖片背景怎麼辦?
jquery中解決設定圖片不顯示
jquery中解決設定背景圖片無法顯示
let src='clock/img/afternoon.png'; them_icons.css('background','url('+src+')')
主要問題在於路徑這塊,相對路徑是html檔案相對與圖片的路徑,而不是js檔案相對於圖片的路徑。
相關知識擴展:
jq實作透過點擊按鈕更換圖片
#附jq程式碼:
$(function(){ $("#btn1").click(function(){ $("img").attr("src","img/01.jpg") }) $("#btn2").click(function(){ $("img").attr("src","img/02.jpg") }) $("#btn3").click(function(){ $("img").attr("src","img/03.jpg") }) });
推薦學習:《jQuery影片教學》
以上是jquery不顯示圖片背景怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!