• 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
46 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ź 71 wizyt
0 głosów
2 odpowiedzi 47 wizyt
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

63,202 zapytań

109,437 odpowiedzi

228,621 komentarzy

42,957 pasjonatów

Przeglądających: 159
Pasjonatów: 5 Gości: 154

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.

...