在 jquery 中为内联 css 构建图像路径的最佳方法

The best way to construct the image path in jquery for inline css

本文关键字：路径 图像 最佳 方法 构建 css jquery      更新时间：2023-09-26

我有以下代码：

$('<div style="background-image:url(''/images/a.gif'')"></div>').appendTo('body')

根据我在页面上的位置，路径如下所示：

http://www.mysite.com/this/is/where/i/am/_images/spinner.gif

我需要它是"http://www.mysite.com/images/a.gif"。

我不想硬编码它。我也不想给它一个类名并用 css 定义它。我也试过这个：

myVar = window.location.hostname + "/images/a.gif"并在上面的jQuery代码中使用"myVar"作为路径。这似乎也行不通。我得到的东西与此类似 http://www.mysite.com/this/is/where/i/am/mysite.com/images/a.gif"

所以我想我的问题是构建从jQuery到该图像的路径的最佳方法是什么。此信息可能也相关：

该jQuery代码位于main.js位于"javascript"文件夹中，该文件夹与"images"文件夹具有

相同的父目录，因此"images"和"javascript"文件夹是同级。

你试过吗

$("<div>").css('background-image', 'url(/images/a.gif)').appendTo('body')

相关文章：