Oblicz całkowitą szerokość dzieci za pomocą jQuery

Question

Jun 19, 2009, 01:12 AM

Oblicz całkowitą szerokość dzieci za pomocą jQuery

Próbowałem znaleźć na to zrozumiałą odpowiedź, ale zrezygnowałem.

W celu uzyskaniadymnamic treści (takie jak wpisy na blogu i obrazy) w apozioma strona internetowa (lubię nathehorizontalway.com) musisz ustawić stałą szerokość BODY w pikselach, prawda?Ponieważ używasz w nim elementów pływających, w przeciwnym razie złamałby i zawinął stronę w zależności od szerokości przeglądarki.

EDYTOWAĆ! Ta konkretna wartość może byćobliczony zjQuery, dzięki za to :) W tym przykładzie do całkowitej wielkości dodawana jest dodatkowa wartość, którą można wykorzystać na zawartość przed elementami pływającymi. Teraz ciało ma dynamiczną szerokość!

Moją początkową myślą było, aby jQuery obliczył to dla nas: („KAŻDA SZEROKOŚĆ POCZTÓW” * „LICZBA POCZTÓW”) + 250 (za dodatkową zawartość)

Kod HTML

<code><body style="width: ;"> <!-- Here we want a DYNAMIC value -->
<div id="container">
    <div id="menu"></div> <!-- Example of extra content before the floats -->
    <div class="post">Lorem</div>
    <div class="post">Lorem</div>
    <div class="post">Lorem</div> <!-- Floated elements that we want the sizes of -->
    <div class="post">Lorem</div>
</div>
...
<!-- So if these posts were 300px exept the last that was 500px wide, then the BODY WIDTH should be ( 300+300+300+500 ) + 250 [#menu] = 1650px -->
</code>

Wynik i odpowiedź Alconji

<code>$(document).ready(function() {
var width = 0;
$('.post').each(function() {
    width += $(this).outerWidth( true );
});
$('body').css('width', width + 250);
});
</code>

Dzięki wielkie!