javascript - ページ読み込み時の javascript window.onresize

Question

画面サイズに応じて異なるコンテンツを表示するスクリプトがあります。次のようになります。

window.onresize = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250))  {

//Do something

}}

ブラウザのサイズを変更すると、上記はまったく問題なく機能します。私の質問は、ユーザーがたとえば 750 のウィンドウ幅でページを開いた場合、上記を機能させるにはどうすればよいですか?

これをテストしたところ、明らかに、ブラウザーのサイズが変更されるまでイベントはトリガーされません。これにより、上記が機能しなくなります

Answer 1

var onResizing = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250))  {

//Do something

}};

window.onresize = onResizing;
window.onload = onResizing;

Answer 2

jquery の使用:

$(document).ready( function(){
   if (window.innerWidth == 750) {
     // Do something
   } 
});