Question

我有一个名为'scripts'的文件夹，我的.js文件位于此处，而'images'代表照片/图片。

每当我使用.click（）函数更改div的背景图片时，我都在努力追踪图片的路径。

这是我的文件夹（酒店是我的主文件夹）：

hotel＆gt;＆gt;＆gt;图像// rci_hard_rock_hotel_and_casino_punta_cana_0.jpg

hotel＆gt;＆gt;＆gt;脚本/ gallery.js

这是我的代码：

$("#gal_choice3").click(function(){
    $("#img_bg").css("background-image","url(../images/rci_hard_rock_hotel_and_casino_punta_cana_0.jpg)");
})

我不知道原因，但每当我点击white background

按钮时，我总是div id = gal_choice3 {{1}}

Answer 1

与放置在/hotel/css/main.css中的CSS文件不同，您可以在其中编写路径的路径，例如url(../images/rci...jpg)，jQuery直接在background-image中设置div属性。您url(./images/rci_hard_rock_hotel_and_casino_punta_cana_0.jpg)的内联风格。

所以，我的猜测是你的coude应该是

url(images/rci_hard_rock_hotel_and_casino_punta_cana_0.jpg)

使用 ./ 而不是 ../ 引用图像，告诉浏览器在当前路径中查找它。

但是，如果您的文件夹结构有所不同，并且这不起作用，请尝试

{{1}}

使用jquery正确跟踪图像路径

1 个答案: