javascript - jquery 更改背景图像不起作用

Question

function slideSwitch() {
    $("#bgvid").css("background-image", "url(/assets/images/home_page/auckland.jpg)");
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

它应该在 url 路径中显示我的网站名称，因此我将其添加到 jquery:

function slideSwitch() {
    $("#bgvid").css("background-image", "url(the_vegan_repository/assets/images/home_page/auckland.jpg)");
}

并得到:

jquery.js:6685 GET http://localhost:8888/the_vegan_repository/the_vegan_repository/assets/images/home_page/auckland.jpg 404 (Not Found)

如何通过将其指向 the_vegan_repository/assets/images/home_page/auckland.jpg 来找到我的资源？

Answer 1

试试这个:

function slideSwitch() {
    $("#bgvid").css("background-image", "url('/the_vegan_repository/assets/images/home_page/auckland.jpg')");
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});