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

Problem z szybkim przejściem do podstrony JavaScript

Object Storage Arubacloud
+1 głos
132 wizyt
pytanie zadane 27 lipca 2021 w JavaScript przez xjafajx Użytkownik (740 p.)
Cześć,

Mam taki problem że klikając w odnośniki aby szybko przejść do podstrony zamienia mi tylko treść ale niestety nie zmienia mi tekstu w menu :(

Dopiero po kliknięciu w przyciski <> zmienia mi tekst w menu.

Czy możecie mi pomóc z moim problemem? Jak zrobić aby po kliknięciu w szybkie przejście do podstrony zmienił również tekst na odpowiedni do podstrony w menu?

Link do kodu : https://codepen.io/Jafaj/pen/VwbQaNb

Wielkie dzięki za wszelką okazaną pomoc
komentarz 27 lipca 2021 przez VBService Ekspert (254,490 p.)

Trochę nie w temacie, ale masz w kodzie

  $("#" + slides[id]).css("opacity", 1);
  $("#" + slides[id]).css("display", "block");

jquery można zapisać to tak  wink

 $("#" + slides[id]).css({ "opacity": "1", "display": "block" });

 

komentarz 27 lipca 2021 przez xjafajx Użytkownik (740 p.)
Spoko bo mi się to przełącza ale menu odpowiednie do podstrony mi się nie przełącza

1 odpowiedź

0 głosów
odpowiedź 27 lipca 2021 przez pablop76 VIP (123,180 p.)
wybrane 27 lipca 2021 przez xjafajx
 
Najlepsza

Pomysł jest taki.

Dodanie atrybutu data-id do każdego item nawigacji "Szybkie przejście do podstron" w celu identyfikacji, który został kliknięty, chociaż lepszy byłby chyba href ale to już sam popraw :)

<li data-id="0">
    <span class="sk-footer-text font-weight-bold" style="cursor: pointer;">Strona Główna</span>
</li>
<li data-id="1">
   <span class="sk-footer-text font-weight-bold" style="cursor: pointer;">Strona 1</span>
</li>
...itd

Utworzenie zmiennej globalnej number trzymającej aktualne id widocznego contentu i aktualizacja jej po każdym kliku next, prev.

let number = 0;
function moon(direction = null) {
    const n_planet = planets.length;
    let moon_next;

    if (direction == "prev") {
        number = (!number) ? 7 : --number;
        moon_next = ++moon_id % n_planet;
        if (moon_id > 7) moon_next = moon_id = 0;
    } else if (direction == "next") {
        number++
        number = (number == 8) ? 0 : number++;

        moon_next = --moon_id % n_planet;
        if (moon_id < 0) moon_next = moon_id = 7;
    } else {
        moon_next = moon_id = 0;
    }

    showSlide(moon_next);
    planets.forEach((planet) => { planet.style.visibility = 'hidden'; });
    planets[moon_next].style.visibility = 'visible';
}

Kliknięcie w "Szybkie przejście do podstron" odpala symulacje liczby kliknięć w next , prev w zależności od różnicy między data-id a number

$(".list-unstyled").on("click", "li", function () {
    const id = $(this).data('id');
    const count = id - number;

    for (i = 0; i < Math.abs(count); i++) {
        if (Math.sign(count) > 0) {
            $("#next").click();
        } else {
            $("#prev").click();
        }
    }
});

 

Podobne pytania

0 głosów
1 odpowiedź 203 wizyt
pytanie zadane 8 grudnia 2015 w JavaScript przez Natan932 Nowicjusz (140 p.)
+1 głos
2 odpowiedzi 308 wizyt
pytanie zadane 26 stycznia 2022 w HTML i CSS przez OlbudMaciej Nowicjusz (150 p.)
0 głosów
2 odpowiedzi 741 wizyt
pytanie zadane 21 grudnia 2016 w JavaScript przez arvir Nowicjusz (200 p.)

92,661 zapytań

141,554 odpowiedzi

319,995 komentarzy

62,028 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...