Stránka 1 z 1

Jquery - highlight menu item

Odeslat příspěvekNapsal: 14. 10. 2018 09:27
od maaacaCZ
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é :)

Re: Jquery - highlight menu item

Odeslat příspěvekNapsal: 17. 10. 2018 20:11
od maaacaCZ
Vyřešeno přidáním atributu data-target="#neco" do menu.