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

【问题标题】：What's wrong with this code to load image in jquery backstretch in view page?这段代码在视图页面的 jquery backstretch 中加载图像有什么问题？
【发布时间】：2019-06-02 06:10:14
【问题描述】：

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

【问题讨论】：

标签： c# jquery asp.net-core jquery-backstretch viewpage

【解决方案1】：

这更像是一个疯狂的猜测，而不是经过深思熟虑的答案但我想你可以只使用绝对链接（以“/”开头）

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

【讨论】：