problema nel definire larghezza div
- Questo topic ha 4 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 10 anni, 4 mesi fa da jqueryitalia.
- AutorePost
- 30 Novembre 2013 alle 12:56 #5586Jacopo RiccioniPartecipante
Ciao a tutti,
avrei bisogno di una mano per capire come mai jquery sbaglia nel recuperare la larghezza di un div
sto cercando di fare una navigazione orizzontale per wordpress: nella pagina archivio vorrei che tutti i post di una categoria fossero uno dietro l’altro da sinistra a destra, invece che la solita lettura verticale.
per farlo ho usato .each e ogni volta che trova un articolo, prende la sua larghezza e la somma a quello successivo etc.
quando gli articoli sono finiti assegna la larghezza totale al div che li contiene
questo il mio codice:
$(document).ready(function(u) { pippo = 0; totale = pippo; console.log( "larghezza iniziale: " + pippo ); $(".post img").each(function( index ) { index = $( this ).width() + 31; console.log( "larghezza article: " + index ); totale = totale + index; console.log( "larghezza finale: " + totale ); $(".content-padder").width(totale); }); });
come vedete è molto alla vecchia, c’è anche pippo!
se avete delle soluzioni migliori ve ne sarei grato!comunque..
il codice funziona… insomma…
di norma sbaglia sempre la dimensione del secondo div, e a volte anche la terza… stranissimo!
Tipo:
qui funziona: http://www.pazosteel.com/en/category/sculptures/boom-box
qui no: http://www.pazosteel.com/en/category/sculptures/metal-graff
Grazie in anticipo
1 Dicembre 2013 alle 13:16 #5594jqueryitaliaAmministratoreCiao Jacopo.
A me sul sito sembra funzionare tutto correttamente…
Comunque se posso darti un cosiglio non eseguire il loop sulle immagini (in wordpress potrebbe esserci una immagine più grande ridimensionata con il CSS), ma sul contenitore principale (nel tuo caso sul tag article) 😉
2 Dicembre 2013 alle 17:33 #5601Jacopo RiccioniPartecipanteCiao e grazie mille per l’interessamento 🙂
al momento sul sito funzionano bene solo le prime 2 categorie, anche se in realtà le dimensioni che trova della seconda e terza immagine, o del div che la contiene, sono sempre sbagliate, e così anche in tutte le altre categorie, dove le foto vanno sulla seconda riga.
se apri la consolle puoi vedere che vengono loggate tutte le dimensioni dei <article>, e quelle del secondo e terzo div sono sempre sbagliate, un po’ più piccole.. le altre invece son giuste!qui trovi una schermata che mostra l’arcano problema:
http://www.pazosteel.com/img/jquerypazo.jpg
mumble mumble
qualche idea??
grazie ancora
2 Dicembre 2013 alle 18:35 #5603Jacopo RiccioniPartecipanteho risolto grazie!
3 Dicembre 2013 alle 11:30 #5610jqueryitaliaAmministratorePuoi farci sapere come hai risolto?
Sarebbe utile per la community… 😉 - AutorePost
- Devi essere connesso per rispondere a questo topic.