[CSS][HTML][JavaScript]click(function a responsywność vs strona w komputerze |
[CSS][HTML][JavaScript]click(function a responsywność vs strona w komputerze |
23.11.2019, 14:39:01
Post
#1
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 6.08.2014 Ostrzeżenie: (0%) |
Kolejny problem z responsywnością..
Mam dwie wersje strony: mobilną i standardową. I menu z boku które w mobilności mają się rozwijać po kliknięciu. Wszystko działa; menu w telefonie rozwija się po kliknięciu, niestety nie potrafię zablokować tej funkcji na komputerach - po kliknięciu na belkę "Hodowla" zwija się i rozwija - znika drugie menu (nav) - w telefonie podobnie (znika menu na górze). adres strony: http://www.moje-niebo.pl - proszę kliknąć na belkę "Hodowla" (kursor ukryłem celowo, ale po kliknięciu na "hodowla" menu górne i boczne po prostu "wariuje"). Na telefonach jest ok, tylko jak menu "hodowla" jest rozwinięta - znika menu górne (nav) - ono się pojawia dopiero po zamknięciu menu "hodowla". <script> $(document).ready(function(){ $("#column .type").click(function(){ $('nav').slideToggle(); }); }); </script> <script> $(window).resize(function(){ if ($(window).width() <= 800){ $(document).ready(function(){ $("#column .type").click(function(){ $('nav').slideToggle(); }); }); } }); </script> Ten post edytował baentizo 23.11.2019, 14:41:06 |
|
|
23.11.2019, 14:55:46
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Pomieszanie z poplątaniem.
Podłączasz obsługę kliknięcia po załadowaniu struktury HTML, a drugi raz podłączasz wewnątrz zdarzenia zmiany rozmiaru okna, ale pod warunkiem, że szerokość jest mniejsza lub równa 800 - w ten sposób podpinasz to zdarzenie za każdym razem kiedy rozmiar okna zejdzie poniżej tego rozmiaru. Wygląda jakbyś nie rozumiał co robisz i nie znał zasady działania funkcji, których używasz. Nie wydaje Ci się, że warunek powinien być wewnątrz? P.S. Proponuję zapoznać się z CSS-ową właściwością pointer-events. -------------------- |
|
|
24.11.2019, 19:27:41
Post
#3
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 6.08.2014 Ostrzeżenie: (0%) |
Pomieszanie z poplątaniem. Podłączasz obsługę kliknięcia po załadowaniu struktury HTML, a drugi raz podłączasz wewnątrz zdarzenia zmiany rozmiaru okna, ale pod warunkiem, że szerokość jest mniejsza lub równa 800 - w ten sposób podpinasz to zdarzenie za każdym razem kiedy rozmiar okna zejdzie poniżej tego rozmiaru. Wygląda jakbyś nie rozumiał co robisz i nie znał zasady działania funkcji, których używasz. Nie wydaje Ci się, że warunek powinien być wewnątrz? P.S. Proponuję zapoznać się z CSS-ową właściwością pointer-events. Napisz na czym polega problem / albo jak go rozwiązać. |
|
|
24.11.2019, 20:54:42
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Czytaj dokładnie.
-------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 27.04.2024 - 01:47 |