如何在rails中更改页面的颜色

【问题标题】：how to change color of a page in rails如何在rails中更改页面的颜色
【发布时间】：2017-05-26 19:06:03
【问题描述】：

我有一个简单的带有用户和帖子模式的 Rails 应用程序，我想做的是在每个帖子的显示页面上添加一个简单的按钮，当用户单击该按钮时，整个页面的颜色会变暗与通常的白色相比呈灰色。它将很像用户的阅读模式。每个用户只能为自己进入阅读模式，不能为访问同一帖子的其他用户进入阅读模式。

我尝试搜索互联网，但没有找到更多如何更改按钮颜色。

【问题讨论】：

如果您将尝试过的内容添加到您的问题中会很有帮助。
更改页面颜色与更改按钮颜色没有太大区别。事实上，它完全一样。只需将另一个选择器传递给 jquery 调用
这与 Rails 无关。 JavaScript 负责处理按钮点击和与 DOM 交互。

标签： jquery css ruby-on-rails

【解决方案1】：

如果你正在使用 jQuery 之类的东西更改 DOM 中的类

var $body = $('body');
var $toggleStylesButton = $('.toggle-styles-button');
    
$toggleStylesButton.on('click', function() {
  $body.toggleClass('reading-mode-on');
});

body {
  background: black;
  color: white;
}

body.reading-mode-on {
  background: white;
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<p>Body content</p>

<button class='toggle-styles-button'>Toggle styles</button>

但是，如果您希望它是一个持续存在的设置 - 这将是特定于 rails 的东西 - 可能会根据用户的偏好向主体添加一个类。

【讨论】：