Get previous active li

Question

I have those url's :

<ul class="tm-nav-links">
      <li class="tm-nav-item active">
              <a href="#" data-linkid="0" data-align="right" class="tm-nav-link">Intro</a>
      </li>
      <li class="tm-nav-item">
              <a href="#" data-linkid="1" data-align="right" class="tm-nav-link">About</a>
      </li>
      <li class="tm-nav-item">
              <a href="#" data-linkid="1" data-align="right" class="tm-nav-link">Contact-us</a>
      </li>   
</ul>

For exemple, when I select contact-us I want to keep the previous selected url in var, because I want to use it to go back when I click on the back button of the browser.

I tried

$('.tm-nav-item li.active:last')

But it doesnt work. Any idea? Thank you

I tried this java script condition if(element.prev('li').length > 0) but this give me the previous li no the privious active li... Any solution with js ? — Francesco De Pazzi, May 01 '20 at 20:44
You want to override browser back button with your custom logic? — Hamza Arshad, May 01 '20 at 21:47
When I click on browser back button I want to come back to the last selected active li — Francesco De Pazzi, May 01 '20 at 21:51

score 0 · Answer 1 · answered May 02 '20 at 20:34

Assuming that you are navigating within one page just by changing the scroll position and targetting sections of your page you should change the above strategy.

You should give those anchors some hash links like: #intro, #about, #contact-us
Then on hashChange scroll to those positions. Then on browser back you will be able to return to the previous positions.

In modern browsers (IE8+, FF3.6+, Chrome), you can just listen to the hashchange event on window.

In some old browsers, you need a timer that continually checks location.hash. There are jQuery plugins which will work well with older browsers also.

score -1 · Answer 2 · answered May 02 '20 at 20:21

-1

Solved with

history.pushState()

and

history.replaceStat()

answered May 02 '20 at 20:21

Francesco De Pazzi

113
1
11

Get previous active li

2 Answers2