ハッシュリンクでもブラウザの戻る・進むを有効にする「jQuery hashchange event」
2014年1月24日jQueryプラグイン活用
ハッシュリンクをクリックした場合でもブラウザの戻る・進むを有効にしてくれます。古いブラウザにも対応しています。
JavaScript
<script src="jquery.ba-hashchange.js"></script>
<script>
(function($){
$(function(){
$(window).hashchange(function(){
var hash = location.hash;
console.log(hash);
$('#mainNav a').each(function(){
if ($(this).attr('href') == hash) {
$(this).addClass('current');
} else {
$(this).removeClass('current');
}
});
})
$(window).hashchange();
});
})(jQuery);
</script>
- Tweet
