How can jQuery detect changes to a url?
For example: If a user goes to a page site.com/faq/ nothing shows, but if he goes to site.com/faq/#open jquery detects it and does something.
-
1You should have a look at the jQuery Address pluginRichard Dalton– Richard Dalton2011-11-21 13:51:45 +00:00Commented Nov 21, 2011 at 13:51
-
2@Sahil I assume he wants this so that he can use it on page load, for example to open a specific tab in a tab control. It is a handy technique to know about.Rory McCrossan– Rory McCrossan2011-11-21 13:53:57 +00:00Commented Nov 21, 2011 at 13:53
Add a comment
|
5 Answers
Try This
$(window).on('hashchange', function(e){
// Your Code goes here
});
Its working for me
Comments
You can use the hashchange event.
function hashchanged(){
var hash = location.hash.replace( /^#/, '' );
//your code
}
window.addEventListener("hashchange", hashchanged, false);
or integrate a jquery hashchange plugin
$(function(){
// Bind the event.
$(window).hashchange(hashchanged);
// Trigger the event (useful on page load).
hashchanged();
});
function hashchanged(){
var hash = location.hash.replace( /^#/, '' );
//your code
}
4 Comments
Blazemonger
See also the jQuery BBQ plugin, although that may be more complicated than the OP requires.
OviC
there is no such thing as $(window).haschange, and the question is about detecting URL change not haschange.
unloco
The
$(window).haschange belongs to the mentioned plugin and the question is illustrated with an example by the OP
Gavin
try instead: window.addEventListener("hashchange", myHashChangeHandler, false);
Simply look at window.location.hash on page load:
$(document).ready(function() {
if(window.location.hash === "open")
{
//Show something
}
});
Or bind to the hashchange event of the window:
$(document).ready(function() {
$(window).hashchange(hashchanged);
});
function hashchanged()
{
//Show something
}
Comments
Try this:
if (window.location.hash) {
// Fragment exists, do something with it
var fragment = window.location.hash;
}
Just for reference, the part of a url specified by the # is called a 'fragment'
Comments
If you have a url of site.com/faq/#open, then you can do
var hash = window.location.hash
to get hash = 'open'
