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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

動画

に質問