2つのイベントのjQuery

Question

このjQuery関数をページの読み込み時のサイズ変更で実行したいと思います。

jQuery(document).ready(function() { 

ような何か：

jQuery(document).ready OR $(window).resize(function() { 

Answer 1

これはあなたのための解決策になるかもしれません。あなたresizeページが

$(document).ready(runMyFunction); 
$(window).on('resize', runMyFunction); 

function runMyFunction() { 
    // do whatever 
} 

Answer 2

という名前の関数を定義し、両方のイベントのコールバックとして設定したときにどちらかのページがready場合や

機能runMyFunctionが実行されます。

function callback(){ 
    // .... 
}; 

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

Answer 3

jQueryを初期化するための推奨構文は、.ready()関数を使用しないことです。

function toBePerformedOnLoadAndResize(){ 
    // Your code here 
} 

$(function(){ 
    // The above is the suggested replacement for 
    // "$(document).ready(function(){ 

    // Run it now 
    toBePerformedOnLoadAndResize(); 
    // Run it on resize as well 
    $(window).resize(toBePerformedOnLoadAndResize); 

    // Your Other Code 

}); 

出典jQuery API documentation：jQueryの3.0のよう

、唯一$(handler)をお勧めします。他の構文も機能しますが、非推奨です。これは、選択が.ready（）メソッドの動作に影響しないためです。これは非効率的で、メソッドの動作に関する誤った前提につながる可能性があります。たとえば、$("document").ready(handler)は、何も選択しない "文書"で動作します。 $("img").ready(handler)は、ドキュメントの準備が整うのを待ちますが、イメージが準備完了になるのを待つ（間違って）ことを意味します。