javascript - 使用 ERB 在 Javascript 中设置 CSS backgroundImage 路径

标签 javascript ruby-on-rails ruby erb

我正在尝试在 JavaScript 文件中使用 erb 设置元素的背景图像

document.getElementById("logo").style.backgroundImage = "<%= asset_path('logo.png') %>";

但是图像没有显示。

当我检查浏览器上的元素并访问为图像生成的 url 时,图像就会出现。

当我将 backgroundImage 更改为 backgroundColor = "red" 时,它起作用了。

如果路径正确,并且用于设置元素样式的 js 可以正常工作,那么问题是什么?

最佳答案

这不起作用,因为它的语法不正确,您缺少 url 部分!

document.getElementById("logo").style.backgroundImage = "url(<%= asset_path('logo.png') %>)";

这应该可以解决问题;)

但是,为什么使用 javascript 而不是 CSS 来做这样的事情呢?

关于javascript - 使用 ERB 在 Javascript 中设置 CSS backgroundImage 路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28530212/

相关文章:

javascript - Three.js 中 Cloth 的引脚位置

javascript - 使用 filepond 参数手动触发 filepond 中的服务器方法

javascript - 网格中的 TreeView 给出 "Unexpected token :"

ruby-on-rails - 在 Rails 集成测试中 stub 第 3 方 API 调用

ruby:在引发中断之前完成循环迭代

java - 将多个网页的抓取数据合并到单个页面中

Javascript,隐藏复选框未选中的 div 时的函数,请记住页面刷新

ruby-on-rails - Rspec:如何在辅助规范中指定 request.env?

ruby-on-rails - 为整个 Rails 应用程序更改 CSV 的列分隔符

javascript - 无法加载资源: the server responded with a status of 404 (Not Found) javascript/application. js