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

Question

我有以下代码用于在我的登录项目中使用 jquery backstretch 插件。我的项目是 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>

Answer 1

这是一个比 thought-through 答案更疯狂的猜测但我想你可以只使用绝对链接（以“/”开头）

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

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

What's wrong with this code to load image in jquery backstretch in view page?

c#

jquery

viewpage

jquery-backstretch

asp.net-core