液体テンプレート言語を使用しているサイトのCSSを動的に変更します。

Question

私は3種類のサイトビルダーアプリを用意しており、サイトの所有者が独自のサイトをカスタマイズできるように液体言語を使用しています。

サイト所有者が私たちのテーマのいずれかを使用する瞬間に、レイアウトHTMLと液体変数を含むCSSファイルが得られます。

また、cssファイル内の液体によって参照される値を変更する設定フォームも表示されます。

サイトオーナーのサイトビューの上部にある設定フォームを表示して、たとえば背景色のカラーピッカーとサイトの実際の背景色を変更するときに表示されるようにしたいとします。

新しい色をデータベースに保存せずに、色のピッカーを使用して新しい液体値でcssファイルを再レンダリングするだけで、これを即座に行う方法がわかりません。ですからフロントエンドでCSSを変更する方法が必要で、ユーザーが変更を保存するときにデータベースを変更して日付を更新しています。

これを行う方法に関するヘルプ/例/経験は非常に高く評価されます。多くの事前 でリック

おかげ

Answer 1

あなたはjQueryのの.css（）メソッドを使用することができます。ですから、人が幅を変更できる入力フィールドに.keypress（）を設定し、その中のキーを押すたびに.css（）の更新をリアルタイムで行います。