Jquery - highlight menu item

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod maaacaCZ 14. 10. 2018 09:27

Ahoj, potřeboval bych trochu poupravit následující skript, který zvýrazní v menu aktivní div (přidáním třídy active) tak, aby nereagoval jen na anchory (mujweb.cz/#kontakt), a i na adresu typu mujweb.cz/o_mne­.html.

Takže když si otevřu stránku mujweb.cz/o_mne­.html, chci aby pokud budu najetý na divu s id="o_mne" bylo v menu zvýrazněno O mně (rozuměj přidat do menu třídu active), když přejedu níž na id="kontakt", zvýrazní se kontakt (kontakt je součást patičky a je společný pro všechny podstránky).

Kód: Vybrat vše
(function($) {
  "use strict"; // Start of use strict

  // Smooth scrolling using jQuery easing
  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: (target.offset().top - 70)
        }, 1000, "easeInOutExpo");
        return false;
      }
    }
  });


Snad je to srozumitelné :)
maaacaCZ
Kolemjdoucí

Odeslat příspěvekod maaacaCZ 17. 10. 2018 20:11

Vyřešeno přidáním atributu data-target="#neco" do menu.
maaacaCZ
Kolemjdoucí


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků