Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在rails中更改页面的颜色_Jquery_Css_Ruby On Rails - Fatal编程技术网

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

Jquery 如何在rails中更改页面的颜色,jquery,css,ruby-on-rails,Jquery,Css,Ruby On Rails,我有一个简单的rails应用程序,其中包含用户和帖子模式,我想做的是在每个帖子的显示页面上添加一个简单的按钮,当用户点击时,整个页面的颜色将从通常的白色变为暗灰色。这将非常像用户的阅读模式。 每个用户只能为自己进入阅读模式,而不能为访问同一帖子的其他用户进入阅读模式 我试图搜索internet,但没有找到更多关于如何更改按钮颜色的信息。如果您正在使用jQuery之类的工具更改DOM中的类 var$body=$('body'); var$toggleStylesButton=$('.toggle

我有一个简单的rails应用程序,其中包含用户和帖子模式,我想做的是在每个帖子的显示页面上添加一个简单的按钮,当用户点击时,整个页面的颜色将从通常的白色变为暗灰色。这将非常像用户的阅读模式。 每个用户只能为自己进入阅读模式,而不能为访问同一帖子的其他用户进入阅读模式


我试图搜索internet,但没有找到更多关于如何更改按钮颜色的信息。

如果您正在使用jQuery之类的工具更改DOM中的类

var$body=$('body');
var$toggleStylesButton=$('.toggleStylesButton');
$toggleStylesButton.on('click',function()){
$body.toggleClass('reading-mode-on');
});
正文{
背景:黑色;
颜色:白色;
}
body.reading-mode-on{
背景:白色;
颜色:黑色;
}

身体内容


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