5

variable.less 構成ファイルを使用して、設計に関するすべての関連情報を保存します。情報の 1 つは、モバイル レイアウトと PC レイアウトの間のブレークポイントです。この情報も JavaScript で必要ですが、取得する方法がわかりませんでした (すべての設計変数を同じファイルに保持したかったため、データ属性に保存する必要はありません)。

だから私は最終的にそれを見つけました:変数.lessにブレークポイントを保存します:

@bk-point: "500px";

私はcssプロパティ「コンテンツ」を使用しますが、疑似要素ではなく、任意のタグ(ファイルなし)で使用します:

#any-div {
   content: "@{bk-point}";
}

このように、これはデザインには影響しません (「コンテンツ」プロパティは要素には表示されず、疑似要素にのみ表示されます)、jQuery で非常に簡単に取得できます。

var bkPoint = $('#any-div').css('content');

そして、すべての変数は少ないファイルにあります。

これは私が望むものに最適ですが、見られない副作用はありますか? 私が想像できない理由で、これは悪い習慣ですか?

アドバイスありがとうございます!

セバスチャン。

PS:
1. firefox 21.0 および chromium 27.0 で動作します
2. もちろん、より良い解決策があれば…</p>

4

1 に答える 1