jQuery 文件路径参数

Question

我正在尝试使用 jQuery.backstretch 在 ASP.NET MVC View 中渲染背景图像:

$.backstretch("~/Content/img/bug.jpg", { speed: 500 });

但是，调试中的 GET 请求会返回 404，因为 Chrome 将我的应用程序 URL 路由模式附加到文件路径，如下所示:

[localhost]/[ControllerName]/~/Content/img/bug.jpg

在使用 ASP.NET MVC 应用程序时，在 JS 函数中将文件路径作为参数传递时，我以前从未遇到过此问题。有什么建议吗？

Answer 1

在C#中，可以通过“~/”来引用相对根路径。这告诉 Web 应用程序您正在查找的项目的目录是相对于项目的根目录的，而不是相对于当前 View 。

例如，如果您在资源/Home/Index 处添加内容 @Url.Content("img/my_image.png")，则请求将发送到“/Home/Index/img/”我的图像.png。”但是，这可能不是您保存图像的位置，而是您的目录根目录中可能有一个图像文件夹(或者，在 MVC 世界中，在 Content 文件夹中)。因此，您更有可能想要 @Url.Content("~/img/my_image.png")。

但是，“~”字符并不普遍表示相对根路径。如果在链接中添加“~/”，浏览器会将波浪号解释为目录，并且由于该链接不包含根路径符号(“/”)，因此浏览器将创建相对于当前目录的链接。这会产生路径“/~/...”，该路径很可能不存在。

简而言之，每当您在 HTML/JavaScript 中创建相对链接时，请确保省略“~”字符，这应该可以解决您的问题。