jquery - ページ読み込み機能

Question

ブラウザウィンドウのサイズが変更されたときにコードを実行するために、htmlヘッダーで次のJavaScriptを使用しています。

$(window).resize(function () {
    //run some javascript code here
});

私の質問は、ページが最初にロードされたときにコードも実行されるようにスクリプトを変更する方法はありますか？または、ユーザーがブラウザウィンドウを更新した場合。

Answer 1

私は自分のアプリケーションで静かに使用することがよくありますが、このように言えます。

function doLayout(){
 //run some javascript code here
}

$(document).ready(function () {
    doLayout();
});

$(window).resize(function () {
    doLayout();
});

Answer 2

次のようなことができます。

function onResizeOrLoad () {
  // run some JS code here
}

$( window ).resize ( onResizeOrLoad );
$( document ).ready ( onResizeOrLoad );

これは、onResizeOrLoadウィンドウのサイズ変更とページの読み込みという 2 つのイベントにバインドする関数を定義します。

Answer 3

この問題は、次の 2 つの方法で解決できます。

$(window).resize(function () {
    //run some javascript code here
});

$(document).ready(function() {
  //run some javascript code here
});

または、実行する共通関数を実行することもできます..

function executeCode() {
   // Javascript code here..
}

$(window).resize(executeCode);
$(document).ready(executeCode);