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

时间:2018-08-21 15:19:11

标签: javascript html css ruby-on-rails

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

我当前的代码获取该区域的color属性,但是我无法将其存储在任何地方。

我想将click事件中的color属性保存到数据库中。

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代码。我该怎么办?

1 个答案:

答案 0 :(得分:0)

$(".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是一个不错的起点。