如何从 Rails 获取和保存 CSS 属性

Question

当我在 Rails 中单击彩色区域时，我想存储该区域的 css 属性。

我当前的代码获取了该区域的颜色属性，但我无法将它存储在任何地方。

我想将点击事件中的颜色属性保存到数据库中。

view.html.erb

$(document).ready(function() {
    $(".scale-up-center").click(function() {
        var color = $(".scale-up-center").css("background-color");
        $(".first_scale").css("background-color", color);
    })
})

在放大中心时更改 first_scale 的背景颜色的代码 被点击了

view.scss

background:linear-gradient(to bottom right, #8B4513, #383737);

如何获取上述代码的css属性？

我的 Rails 也安装了咖啡。我想在维护咖啡文件的同时使用js代码。我该怎么办？

Answer 1

$(".scale-up-center").click(function() {
var color = $(".scale-up-center").css("background-color");
$(".first_scale").css("background-color", color);

var formData = new FormData();

formData.append('color', color);

$.ajax({
      url: "/save/color",
      type: 'POST',
      data: formData,
      success: function (data) {
          console.log(data);
      }
};
});

你需要一个路由、一个控制器、一个动作和一个模型来保存数据...... 如果您不知道如何操作，rails guides 是一个很好的起点。