Here is my code:
If you navigate to www.example.com/page.html#example-name1 without having loaded the page first it will show the whole page and not the requested content.
However if you navigate to the link once the page has loaded it will work and show the desired content.
This is very odd. Does anybody have a fix for this?
You should check the hash onload and onhashchange
// On page load
$(document).ready(function(){
// When the hash (#something) changes
window.onhashchange = function() {
doAction();
};
doAction();
function doAction() {
// get the current hash minus '#'
var profileId = window.location.hash.substr(1);
if(profileId != '') {
// hide all profiles
$('.profile').hide();
// show only the appropriate profile
$('#' + profileId).show();
}
}
});
I'm relatively sure you can't display that functionality on a jsfiddle, however, if you were on a proper page, page.html#example-name1 in the url bar should result in the functionality you want to display. In order to make it work on a proper page however, you would have to do what aboodred1 suggested with your code., i.e, running the code on hashchange. This is in order to ensure that when the url is changed, it displays that particular content.
