• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

JQuery nawigacja mobilna

0 głosów
43 wizyt
pytanie zadane 2 stycznia w JavaScript, jQuery, AJAX przez _Visni4PL_ Obywatel (1,210 p.)

Witam! Na mojej stronie internetowej umieściłem taką nawigację:

    <nav>
        <ol>
            <li><div class="hide-nav"><i class="fas fa-bars"></i></div></li>
            <li><a href=""><?php echo $language['home']; ?></a></li>
            <li><a href=""><?php echo $language['pics']; ?></a></li>
            <li><a href=""><?php echo $language['videos']; ?></a></li>
            <li><a href=""><?php echo $language['guestbook']; ?></a></li>
            <li><a href=""><?php echo $language['offer']; ?></a></li>
            <li><a href=""><?php echo $language['contact']; ?></a></li>
        </ol>
    </nav>

I potrzebuję z użyciem JQuery wykryć czy urządzenie jest mobilne czy nie, jeśli tak to nadać nawigacji klasę np. mobile-nav, a jeśli ktoś kliknie diva o klasie hide-nav (który będzie widoczny tylko na urządzeniu mobilnym) "przełączać" jego html pomiędzy 

<i class="fas fa-bars"></i>

 i

<i class="fas fa-ellipsis-h"></i>

oraz ukryć nawigację. Jeśli ktoś ma jakiś pomysł jak to zrobić bardzo proszę o odpowiedź.

1 odpowiedź

0 głosów
odpowiedź 2 stycznia przez misiek.sz Obywatel (1,790 p.)
użyj do cego css'a za pomocą @media queries możesz ustawić przy jakiej rozdzielczości ma się pokazywać jakie menu.

Podobne pytania

0 głosów
1 odpowiedź 69 wizyt
0 głosów
2 odpowiedzi 58 wizyt
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

61,302 zapytań

107,230 odpowiedzi

223,305 komentarzy

32,789 pasjonatów

Przeglądających: 295
Pasjonatów: 16 Gości: 279

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...