ajax - jQuery hashchange 怎么办？

Question

我做了一个 jQuery 的东西； with 将加载内容而不刷新页面。其代码是:

$(document).ready(function(){
// initial
$('#content').load('content/index.php');

// handle menu clicks
$('#navBar ul li ').click(function(){
var page = $(this).children('a').attr('href');
$('#content').load('content/'+ page +'.php');
return false;
});
});

现在我想要有一些历史，代码是:

(function(){
// Bind an event to window.onhashchange that, when the hash changes, gets the
// hash and adds the class "selected" to any matching nav link.
$(window).hashchange( function(){
var hash = location.hash;
// Set the page title based on the hash.
document.title = 'The hash is ' + ( hash.replace( /^#/, '' ) || 'blank' ) + '.';
// Iterate over all nav links, setting the "selected" class as-appropriate.
$('#nav a').each(function(){
var that = $(this);
that[ that.attr( 'href' ) === hash ? 'addClass' : 'removeClass' ]( 'selected' );
});
})
// Since the event is only triggered when the hash changes, we need to trigger
// the event now, to handle the hash the page may have loaded with.
$(window).hashchange();
});

发现于:http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/

我的问题是:如何使第二个代码与第一个代码一起使用？

Answer 1

既然你还没有得到答案，我就写一下。您需要插件 jQuery hashchange 才能运行代码。

https://github.com/cowboy/jquery-hashchange