wait for the url to change on click event

Question

I have an image, on clicking the image the URL changes but the page is not reloaded(partial navigation). I have used window.location.href that fetches the current URL, but it displays the previous URL on console log. I want to fetch the URL after it changes.

Am I missing some window wait event?

When you say partial navigation, is some type of AJAX occurring, or are you simply changing the hash of the url? — James Hill, Apr 20 '12 at 12:20

score 7 · Accepted Answer · edited May 23 '17 at 12:16

7

To retrieve the new hash of the page, use location.hash:

var hash = window.location.hash;

For a similar requirement in the past, I've used Ben Alman's hashChange plugin. Once the plugin is included on page, you can attach code to the hashChange event:

$(window).hashchange( function(){
    // Your code here
})

Here's a working fiddle to demonstrate.

Additional Information

This SO post is worth reading: On - window.location.hash - change?

Note

If you don't want to use a plugin, you'll have to post your markup before I can provide an alternative solution.

edited May 23 '17 at 12:16

Community

1
1

answered Apr 20 '12 at 12:22

James Hill

60,353
20
145
161

but it will fetch the hash of the previous URL. my hash changes every time i click on different image. i have to fetch the URL after it gets changed by click event. – subhojit777 Apr 20 '12 at 12:27
1

@subhojit777, I've updated my answer to reflect your concerns. Will this meet your needs? – James Hill Apr 20 '12 at 13:00
thanks for the last link. i knew that there was some problem with event. – subhojit777 Apr 20 '12 at 13:07

score 0 · Answer 2 · answered Apr 20 '12 at 12:33

0

var hash = window.location.hash;
var loc = window.location.href+hash;
window.location=loc;

answered Apr 20 '12 at 12:33

The Alpha

143,660
29
287
307

wait for the url to change on click event

2 Answers2