Якорная навигация Javascript ⇐ Jquery

[Anonymous]

Я создаю веб-сайт с «привязочной навигацией», как в Facebook и Почте Google. У меня всё заработало, но не полностью. Когда я загружаю страницу с чем-то вроде #contact, она не загрузится, пока я не нажму на нее ссылку. Кроме того, есть ли лучший и более эффективный способ делать то, что я делаю? Я не лучший специалист по JS-программированию.

JavaScript:

$.navigate = function() {
// a new link
if($anchor != document.location.hash){
// add a preloader
$("#content")
.empty()
.html('



');
// change the anchor saved for next time
$anchor = document.location.hash;
// get the variables ready for the get
var i = $anchor.substring(1).split("/");
var $page = i[0];
var $y = (i[1]) ? i[1] : false;
// get the file
$.get("callback.php", { x: $page, y: $y }, function(data){
$("#content")
.empty()
.html(data);
},"html");
}
};

$(function() {

var $anchor = "";
// change from the URI. This dont work.
if(document.location.hash){ $.navigate(); }

$("a","#nav")
.css({backgroundColor:"#f7f7f7"})
.each(function() {
$(this).attr("href","#" + $(this).attr("name"));
});

setInterval('$.navigate()', 300);

});


HTML:

• Home
• About
• Portfolio
• Contact

Подробнее здесь: https://stackoverflow.com/questions/194 ... navigation