画面全体を占める劇場のようなフォト ギャラリーを作成しています。ウィンドウ サイズに応じて div とイメージのサイズを変更します。これを行うために、私は以下を使用しています:
function setSizes()
{
var theaterHeight = $(".theater-wrapper").height();
var theaterWidth = $(".theater-wrapper").width();
}
$(window).on("resize", window, function() {
setSizes();
});
それは基本的に、高さと幅などを設定するための寸法を取得するために要素を選択するために行っていることですが、ウィンドウのサイズ変更は少し遅くなり、かなりの数のセレクターを持ち、かなりの数の div を変更することになりますおよび画像はすべてこの 1 つの関数で処理されます。また、最初の呼び出しが適切に機能しない場合や、その逆の場合もあります。私の質問は、セレクターを組み合わせることでパフォーマンスが向上するかどうかなどです。
お気に入り:
var $theaterWrapper = $(".theater-wrapper");
var theaterHeight = $theaterWrapper.height();
var theaterWidth = $theaterWrapper.width();