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 );
});

jquery 更改背景图片无效

jquery change background-image not working

javascript

jquery