JQuery - url location and click event

Question

$('#head_menu a').click(function(){ currentPage = document.location.hash.split('#')[1]; });

<div id="head_menu">
    <a href="#order"><div>make order</div></a>
    <a href="#portfolio"><div>portfolie</div></a>
    <a href="#contacts"><div>contacts</div></a>
    <a href="#vacancies"><div>vacancies</div></a>
    <a href="#about"><div>about company</div></a>
</div>

So, when I'm clicking to the links in head_menu div I come into this handler. But one trouble: if url has, for example, #about hash, in handler I'll get 'about', not that, at what I've clicked. Could I get new url-hash in click-handler?

Shog9 · Accepted Answer · 2009-10-02 19:30:49Z

2

Why not just look at the href attribute of the link that was clicked?

$('#head_menu a').click(function(){
   currentPage = this.href.split('#')[1];
});

answered Oct 2, 2009 at 19:30

Shog9

160k36 gold badges237 silver badges242 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mottie Over a year ago

you could also get the hash from the attribute... $(this).attr('hash'); but this includes the hash (#) as well.. this is nice sometimes if you need the hash for an ID somewhere on your page :P

AbstractProblemFactory · Accepted Answer · 2009-10-02 19:38:31Z

2

Don't understand question ;)

BTW:

Another person who insert div into a. "a" is inline element so it couldn't has Div (it is block elemennt)

answered Oct 2, 2009 at 19:38

AbstractProblemFactory

9,8518 gold badges54 silver badges67 bronze badges

1 Comment

Volker E. Over a year ago

Not true for HTML5 any more, a can wrap div and other block level elements: davidwalsh.name/html5-elements-links

Collectives™ on Stack Overflow

JQuery - url location and click event

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related