symfony - Symfony 2 在内联 CSS 上设置正确的 URL

Question

我有一个简单的 JavaScript 文件，它具有动态切换背景图像的功能。JavaScript 文件通过 Assetic 包含在页面中。该脚本通过 jQuery 设置 CSS 背景图像属性。

如何使用 Symfony 2 设置正确的 URL，以便 CSS URL 始终指向正确的图像？我知道我可以将 JavaScript 直接附加到模板文件并通过 设置模板文件中的正确 URL {{ asset(asset_url) }}，但我想知道是否有解决方案可以使用外部 JavaScript 文件设置正确的路径。

Answer 1

您应该使用JmikolaJsAssetsHelperBundle。它允许您从 Symfony2 的模板组件向 JavaScript 公开 AssetsHelper 服务。然后，您可以生成相对和绝对资产 URL。

使用getUrl资产助手生成图像路径的示例。

//javascript
<img src="' + AssetsHelper.getUrl('/images/myImage.png') + '">

更深入地查看文档。