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

JQuery nawigacja mobilna

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
119 wizyt
pytanie zadane 2 stycznia 2019 w JavaScript przez _Visni4PL_ Obywatel (1,320 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 2019 przez misiek.sz Bywalec (2,050 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ź 342 wizyt
0 głosów
2 odpowiedzi 268 wizyt

93,088 zapytań

142,046 odpowiedzi

321,473 komentarzy

62,435 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...