这段代码在视图页面的 jquery 回伸中加载图像有什么问题?



我有以下代码在我的登录项目中使用 jquery 反向拉伸插件。我的项目是 asp.net 核心,登录页面是视图页面。但是代码在图像的本地地址方面存在问题。当我将图像地址更改为正常工作的 HTTP 地址时我的图像已保存在wwwroot/assets/admin/pages/media/bg中。错误的代码:

<script>
  
    $.backstretch([
        "~/assets/admin/pages/media/bg/1.jpg",
        "~/assets/admin/pages/media/bg/2.jpg",
        "~/assets/admin/pages/media/bg/3.jpg",
        "~/assets/admin/pages/media/bg/4.jpg"
        ], {
            fade: 1000,
            duration: 8000
        }
    );
</script>

这是正常工作的:

<script>
  
    $.backstretch([
        "https://www.w3schools.com/images/w3schools_green.jpg",
        "https://www.w3schools.com/images/w3schools_green.jpg",
        "https://www.w3schools.com/images/w3schools_green.jpg",
        "https://www.w3schools.com/images/w3schools_green.jpg"
        ], {
            fade: 1000,
            duration: 8000
        }
    );
</script>

与其说是一个经过深思熟虑的答案,不如说是一个疯狂的猜测但我想你可以只使用绝对链接(以"/"开头(

$.backstretch([
        "/assets/admin/pages/media/bg/1.jpg",
        "/assets/admin/pages/media/bg/2.jpg",
        "/assets/admin/pages/media/bg/3.jpg",
        "/assets/admin/pages/media/bg/4.jpg"
        ], {
            fade: 1000,
            duration: 8000
        }
    );

最新更新