jqueryのresize()メソッド
翻訳結果:
resize
UK [ˌri:ˈsaɪz] US [,ri'saɪz]
v.Resize
jqueryのresize()メソッド構文
関数:ブラウザ ウィンドウのサイズが変更されると、resize イベントが発生します。 size() メソッドは、resize イベントをトリガーするか、resize イベントの発生時に実行する関数を指定します。
サイズ変更イベント構文をトリガーします: $(selector).resize()
関数をサイズ変更イベント構文にバインドします: $ (セレクター).resize(関数)
パラメータ:
パラメータ | 説明 |
関数 | オプション。サイズ変更イベントが発生したときに実行する関数を指定します。 |
jqueryのresize()メソッド例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> x=0; $(document).ready(function(){ $(window).resize(function() { $("span").text(x+=1); }); }); </script> </head> <body> <p>窗口大小被调整过 <span>0</span> 次。</p> <p>请试着重新调整浏览器窗口的大小。</p> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します