jquery-ui - 除非添加前导斜杠，否则 jQuery UI 图像不起作用（我正在使用 Symfony2）

Question

我的页面上有一个 jQuery UI 对话框。右上角的“X”是由这段 CSS 小片段实现的：

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

问题是那行不通。它仅在我添加这样的前导斜杠时才有效：

.ui-widget-header .ui-icon {
  background-image: url(/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}

我知道我可以在 jQuery UI 文件中进行此更改，但这似乎不对。看起来很老套，另外，当我升级到更新版本的 jQuery UI 时，我所有的更改都会被吹走。

如何使我的 jQuery UI 图像正常工作？我不知道我在这里使用 Symfony2 是否重要，但我想我会提到它以防万一。

Answer 1

我有同样的问题。问题是我的索引文件中 CSS 文件的名称。首先我有 jquery-ui-1.10.1.custom.css。我将其更改为 jquery-ui-1.10.1.custom.min.css 然后它工作了。

Answer 2

如果您的文件在正确的位置，应该可以工作。 这个另一个 SO Question有很多参考资料，说明样式表中的相对 url 如何与样式表本身相关，而不是包含文档。

因此，只要您不破坏 jQuery UI 下载和移动资源，就可以使用相对 URL。