2017-12-26 14 views
0

こんにちは。私はページを開くと、)私は、コンソール内の要素の実際の大きさを参照してください、私は、ウィンドウのサイズdoSmthを(変更したときにJquery。ウィンドウサイズ変更後の要素の新しいパラメータを取得する方法

var repo = { 
    doSmth: function(){ 
     $('.block').each(function(i, obj) { 
      console.log($(this).width()); 
     })  
    } 
} 

(function() { 

    repo.doSmth(); 
    function onResize(){ 
     repo.doSmth(); 

    }; 
    $(window).on('resize',onResize); 

})(); 

作業が、それは最初の要素の大きさを示しています。 リフレッシュするたびに実際のデータが必要です。これどうやってするの?私はサイズ変更時に一種のライブ機能が必要です。

+1

サイズ変更の割合を計算する必要がありますか?つまり、サイズが100ピクセルで内部ブロックが50ピクセルの場合、クライアントがページを110ピクセルにサイズ変更すると、内部ブロックのサイズを55ピクセルに変更する必要があります。 – TamirNahum

+0

親ブロックが1つあります。可変数のli要素を含んでいます。 CSSは親ブロック(https://getbootstrap.com/docs/4.0/utilities/flex/-> d-flex justify-content-between)の全幅を正当化する(ブートストラップ4、フレックス)親コンテナの幅。次に、私は有用な水平空間を得て、それを親要素と同じ幅と幅にします。 https://stackoverflow.com/questions/47976807/bootstrap-4-beta-2-how-to-make-equal-width-li-inside-different-col-which-are-st-ここに私が必要とするものがあります行う。 –

+0

@JohnSmithあなたはこのためにHTMLを共有できますか?フィドルが助けになるだろう。 –

答えて

0

私は実行するために、あなたのコードを取得することができませんでしたので、私はあなたが必要とする何をすべき何かを書いた:

$(window).on('resize',onResize); 

function onResize() { 
var block = $('.block'); 
block.each(function(){ 
    console.log($(this).width()); 
}); 
} 
0

はconsole.log($(この).width());

問題が「this」オブジェクトが変更された可能性があると考えました。

+0

あなたは 'this'オブジェクトがどのように変更されたかを精緻化できますか? –

関連する問題