Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Najwięszka wysokość diva o tej samej klasie
bahh
post 23.09.2015, 14:43:55
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Mam z 10 divów w której są różnej wysokości (nie zdefiniowanej). Każdy z nich ma tą samą klasę. Chcę ustalić, który z nich ma największą wysokość i ile ona wynosi.

Spróbowałem za pomocą $(".klasa").height() ale podało zupełnie niezgodną wartość ujemną. Ma ktoś pomysł?


Ogólnie mam głównego diva o wysokości 50%. W niej są te divy o wysokości różnej wysokości o klasie .klasa gdzie chcę je wycentrować pionowo ale względem najwyższego diva o klasie .klasa. Stąd mój pomysł by za pomocą jquery wyciągnąć wysokość najwyższego diva o klasie .klasa i ustawić ją wszędzie a następnie próbować centrować taki div.
Go to the top of the page
+Quote Post
kapslokk
post 23.09.2015, 14:50:37
Post #2





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


  1. var max = 0;
  2. $('.klasa').each(function(){
  3. if($(this).height() > max){
  4. max = $(this).height();
  5. }
  6. });
  7. $('.klasa').height(max);
Go to the top of the page
+Quote Post
trueblue
post 23.09.2015, 15:03:36
Post #3





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Pokaż kawałek kodu html z divem divami.klasa i css.


--------------------
Go to the top of the page
+Quote Post
bahh
post 24.09.2015, 08:39:56
Post #4





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Kapslok, zwraca "[a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a.close, a, a, prevObject: n.fn.init[1], context: document, selector: "#mainmenu .menu-item a"]" a samo max ma wartość 0
Go to the top of the page
+Quote Post
kapslokk
post 24.09.2015, 08:43:45
Post #5





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/n9ctzfkb/
Mi działa tongue.gif

Pokaż swój kod.

Ten post edytował kapslokk 24.09.2015, 08:44:07
Go to the top of the page
+Quote Post
bahh
post 24.09.2015, 09:13:39
Post #6





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/ru4gnmay/
Go to the top of the page
+Quote Post
kapslokk
post 24.09.2015, 09:16:26
Post #7





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


w konsoli mi się loguje '168'. Jedyny problem jest taki, że w fiddlu nie zaznaczyłeś, że ma includować jquery.
Go to the top of the page
+Quote Post
Comandeer
post 24.09.2015, 11:08:14
Post #8





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


A może pójść w coś takiego https://jsfiddle.net/Comandeer/n9ctzfkb/1/ ?


--------------------
Go to the top of the page
+Quote Post
bahh
post 24.09.2015, 11:17:35
Post #9





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Niestety odpada, powyżej podałem stronę, gdzie widać dokładnie całego markupa
Go to the top of the page
+Quote Post
Comandeer
post 24.09.2015, 15:58:47
Post #10





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Pierwsze skojarzenie: flexbox. Poszukałbym w nim jakiegoś rozwiązania.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:55