2

比例幅（パーセンテージで設定）が異なる多数の一意のDIVを含む一種の「デバッグ」ページを設定しています。
ビューポートのサイズ変更にライブで応答して、各divに含まれているdivの幅をピクセル単位で表示するテキストを含めたいと思います。

私はjQueryに比較的慣れていないので、次を使用して要素の幅を表示できることに気付きました。

$('.show_width').html($(this).width());​​

しかし、これは1回だけ機能するため、明らかに間違ったことを行っています。すべての一意のdivで機能するわけではありません。"Width: ___px"さらに、各divに次のようなものを追加したいと思います。

どんな助けでも大歓迎です。ありがとう。

4

2 に答える 2

3

要素をループするには$.eachを使用する必要があります

 $(document).ready(function () {
     getWidths();
     $(window).resize(function() {
         getWidths();            
     });

     function getWidths() {
         $('.show_width').each(function() {
           $(this).html("");
           $(this).html($(this).html() + "<br />Width: " + $(this).width() + "px");
        });
     }
  });​
于 2012-11-15T21:32:49.823 に答える
0

取得した場合は、サイズ変更イベントコールバック関数を使用します。

  $(window).resize(function(){
         $('.show_width').each(function() {
             $(this).html($(this).width()+' * '+$(this).height());​
          }​
    });
于 2012-11-15T21:34:44.523 に答える