jquery - 始终指向相同的 url jquery 背景

Question

我怎样才能始终获得相同的 url，所以图像路径不会改变。如果域是 www.domain.com/cat 没关系，但是 www.domain.com/cat/cat 它指向 cat/images/img.jpg

"background-image" : "url(../images/" + photoObject.image + ")",

Answer 1

当您使用“../”时，它的意思是“查看本文档的父目录”。

如果以“/”开头，则表示“从根目录开始查找”

例如，

"background-image" : "url(/images/" + photoObject.image + ")",

如果站点的根目录是 /cat 然后使用

"background-image" : "url(/cat/images/" + photoObject.image + ")",

Answer 2

您可以在 js 中定义一个全局变量，并为站点根目录分配根域。

网站主布局中的 MVC 示例：

<script type="text/javascript">siteRoot = '@Url.Content("~/")';</script>

那么你可以像这样使用它：

"background-image" : "url("+siteRoot + "images/" + photoObject.image + ")"

并且您的图像可以保持在同一位置，并且始终指向那里