jqueryのtrigger()について

Question

下記のソースは、スライダー要素の大きさをブラウザの幅、高さに連動させるものです。
下記のソースから、メソッドチェーンしているtrigger('resize')をはずすと、ページ読み込み時に本来一番目に表示されるスライダーが表示されなくなります。
"なぜ、triggerを外すと上手く表示されなくなるのでしょうか。"

$(window).on('resize', function() {
            
            var w = $(window).width(); 
            var h = $(window).height(); 
            
            var slider_resize = [ 
                    '.slide00',//一番目のスライダー 
                    '.slide01',//二番目のスライダー 
                    '.slide02',//三番目のスライダー 
                    '.slide03'//最後のスライダー 
                ] 
                
            // 各スライダーに処理を行う
            $.each(slider_resize,function(index, value){ 
                $(value).css({'width': w, 'height': h - 70}) ;
            });
}).trigger('resize');//

また、windowに対してonメソッドとtriggerメソッド両方で「resize」と指定していますが、これはどういう意味になるのでしょうか。

Answer 1

ウィンドウを最初に開いた際に、サイズに合わせた表示が必要となりますが、最初は当然resizeが起きませんので、自分でresize時の処理を呼び出す必要があります（それがtrigger('resize')の役目です）。

よくある例として、$(フォーム要素).change(処理).change();のようにすることもあります。

Comments

[aaaaaaaa]

ご回答有難うございます。
>>サイズに合わせた表示が必要となりますが
$(window).on('resize load')でリサイズ以外の方法、つまり読み込んだ際にも大きさを指定するソースを書いてみたことがあるのですが、それでも同じように上手くいきませんでした。load指定で最初にページを開いた際に大きさを合わせたつもりだったのですが、これはなぜ上手くいかなかったのでしょうか。