Question

我有一个简单的rails应用程序与用户和帖子模态，我想要做的是在每个帖子的显示页面上添加一个简单的按钮，当用户点击将改变整个页面的颜色为沉闷来自通常的白色的灰色。这将非常类似于用户的阅读模式。每个用户只能为自己而不是访问同一帖子的其他用户进入阅读模式。

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

Answer 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中更改页面的颜色

1 个答案: