動態更改CSS在網站中使用液體模板語言變量在rails應用程序

Question

因此，我有一個rails 3種網站生成器應用程序，我使用液體語言，因此網站所有者可以自定義他們自己的網站。

當網站所有者使用我們的主題之一時，他們會得到一個佈局html和一個包含液體變量的css文件。

然後，他們也得到一個設置表單，它改變了CSS文件中的液體引用的值。

我現在想顯示的設置在網站所有者網站視圖頂部的形成，使他們能夠看到，因爲他們改變背景顏色和網站實際背景顏色變化的，例如顏色選擇器爲好。

我無法弄清楚如何做到這一點立即爲我不能新顏色保存到數據庫中，然後重新呈現與使用顏色選擇器爲不會足夠快的新型液體值的CSS文件。所以我需要一種方法來改變前端的CSS，並以某種方式引用我已經改變並且當用戶點擊保存更改時更新數據庫的日期。

如何做到這一點任何幫助/例子/經驗將非常感激。

感謝很多提前 裏克

Answer 1

您可以使用jQuery的的.css（）方法。因此，只需在輸入字段中輸入一個.keypress（），例如人們可以改變寬度，每次他們在那裏按一個鍵，您的.css（）就會實時更新。