resize()

このエントリーをはてなブックマークに追加

resize()はウィンドウサイズの変更により発火するイベントです。

ブラウザのウィンドウサイズが変更された際に指定したコールバック関数が実行されます。

$(window).resize(function(){
    $('body').prepend('<div>' + $(window).width() + '</div>');
});

sample

また、リサイズ時にイベントデータを引き渡すことが可能です。

$(window).resize("ok",function(e){
	$('body').prepend('<div>' + e.data + '</div>');
});

sample

引数に何も指定しないことで設定しておいたresizeイベントを発火させる事も可能です。

$(window).resize(function(){
	 $('body').prepend('<div>' + $(window).width() + '</div>');
});
$("button").click(function(){
	$(".target").resize();
});

sample

jQuery 1.4.3での追加/変更

jQuery 1.4.3からイベントデータを引き渡すことが可能になりました。

登録日 : 2012年12月27日 最終更新日 : 2012年12月27日

同じカテゴリー(Events)のエントリー

検索

スポンサードリンク

バージョン

リファレンス