jquery - 動的な幅を変更するjquery、何が問題なのですか?

Question

最初の Web サイトのインデックスのコーディングが完了しました。jQuery で作成した画像スライダーを除いて、すべて問題ないようです。

ウィンドウの幅を考慮してスライダーを大きくまたは小さくするコードも作成しましたが、機能しています。しかし、問題は、ブラウザを更新した後にのみ機能することです。ユーザーがブラウザのサイズを変更している間に、それに応じてスライダーの幅が大きくなったり小さくなったりするように、即座に機能させたいと考えています。

ここに私が書いたコードがあります：

$(window).resize(function(){
  $('#homeSlider').css({
    width: ($(window).width())*0.3167
  });
});
$(window).resize();

Answer 1

まず第一に、 css だけを使用しないのはなぜwidth: 31.67%ですか?

次に、コードを でラップする$(document).ready()必要があります。これにより、 を呼び出したときにシルバーがすでに存在することが保証されます$(window).resize()。

$(document).ready(function() {
    $(window).resize(function(){
      $('#homeSlider').css({
        width: ($(window).width())*0.3167
      });
    });
    $(window).resize();
});

Answer 2

function set_resize(){
  $('#homeSlider').css('width',(($(window).width())*0.3167));
}
$(document).ready(function() {
     set_resize();
});
$(window).resize(function() {
    set_resize();
});