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