javascript - 在 Rails 应用程序中使用液体模板语言变量动态更改站点的 css

标签 javascript jquery ruby-on-rails css liquid

所以我有一个 Rails 3 类型的网站构建器应用程序,我正在使用流畅的语言,因此网站所有者可以自定义他们自己的网站。

当网站所有者使用我们的其中一个主题时,他们会得到一个布局 html 和一个包含 liquid 变量的 css 文件。

然后他们还会获得一个设置表单,该表单更改 liquid 在 css 文件中引用的值。

我现在想在网站所有者网站 View 的顶部显示设置表单,以便他们可以看到他们更改背景颜色的颜色选择器以及网站实际背景颜色的变化。

我无法弄清楚如何立即执行此操作,因为我无法将新颜色保存到数据库,然后使用颜色选择器使用新的液体值重新渲染 css 文件,因为速度不够快。所以我需要一种方法来更改前端的 css 并以某种方式引用我更改的内容并在用户单击保存更改时更新数据库。

任何有关如何执行此操作的帮助/示例/经验将不胜感激。

提前致谢 rake

最佳答案

您可以使用 jQuery 的 .css() 方法。因此,只需在输入字段上设置一个 .keypress(),人们可以在其中更改宽度,例如,每当他们按下其中的一个键时,您的 .css() 就会实时更新。

关于javascript - 在 Rails 应用程序中使用液体模板语言变量动态更改站点的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6424536/

相关文章:

javascript - 在此 Angular 2 应用程序中,此跨组件通信 "pattern"究竟如何工作?

javascript - 使用 Javascript 跟踪长时间和失败的请求

javascript - 覆盖数据表默认搜索功能

javascript - Google Analytics - 跟踪 Firefox 插件中的事件

ruby-on-rails - 如何测试 Rspec 中不存在的 url?

ruby-on-rails - 如何在 Rails 中获取 utc 偏移量?

jquery - 将 <tr> 设置为一个 block 会在同一列中显示 <td> 的内容

javascript - jQuery 表排序器 - 图像

javascript - jquery 从选择链中的 $this 中获取 attr 值

ruby-on-rails - Rails 连接 oracle 引发错误