私はこのプラグインhttp://benalman.com/code/projects/jquery-resize/examples/resize/を見てきましたが、ウィンドウの寸法を表示する例でうまく動作させることができます。
特定の div のサイズを表示したいのですが、これを実行しようとすると、ページの読み込み時にサイズが表示されますが、ブラウザー ウィンドウを変更して div のサイズが変更されても変更されません。
私はこのコードを使用しています:
// Bind the resize event. When the window size changes, update its corresponding
// info div.
$('.main').resize(function(){
var elem = $(this);
// Update the info div width and height
$('#main-dim').text( 'Main, width: ' + elem.width() + ', height: ' + elem.height() );
});
// Updates the info div immediately.
$('.main').resize();
});
.main
はディメンションを取得する#main-dim
div で、ディメンションを表示する div です。
ここで私が間違っていることを誰かに教えてもらえますか?
ありがとう!