javascript - 在 coffeescript 文件中使用 erb 更改背景

Question

我试图让它在用户从下拉列表中选择“白色”时，div 的背景图像变为白色图像，当他们选择“红色”时，它变为红色图像等.

我不得不使用 coffeescript，因为我也在使用最好的 gem。我是 coffeescript 的新手，所以这可能是语法错误，但我们将不胜感激!

user.js.coffee.erb:

jQuery ->
  $('.best_in_place').best_in_place()
  $('#background').css("background-image", "url("/assets/images/<% @user.background %>.jpg")")

图像存储在 Assets 中的图像文件夹中。 js.coffee.erb 文件存放在 assets 的 javascripts 文件夹中。我收到以下错误:

undefined method `background' for nil:NilClass

TIA!

Answer 1

我认为您不可能那样做。在生产环境中，这些 javascript 应该被预编译，然后作为静态文件使用。它们不会根据每个请求而改变，以向不同的用户显示不同的背景。

一个可能的解决方案是将 @user.background 设置为 background 标签的一个类。