NAKAZI LAB.(ナカジラボ)

Webサイト制作を円滑にすることを目的とした、cssやJavaScript(jQuery)の小技備忘録サイトです。

ハッシュリンクでもブラウザの戻る・進むを有効にする「jQuery hashchange event」

2014年1月24日jQueryプラグイン活用

ハッシュリンクでもブラウザの戻る・進むを有効にする「jQuery hashchange event」

ハッシュリンクをクリックした場合でもブラウザの戻る・進むを有効にしてくれます。古いブラウザにも対応しています。

デモページ

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>

デモページ

  • ̃Gg[͂ĂȃubN}[Nɒlj

関連記事

  1. ハッシュリンクでもブラウザの戻る・進むを有効にする「jQuery hashchange event」

更新情報をチェックする

rss feedly twitter facebook

今週の人気記事TOP10

サイト内検索

中の人

nakazi

Web関係のお仕事をしてます。効率化が大好きです。当サイトの更新情報やWeb制作に関する事を@nakazilabでつぶやいています。

連絡先

nakazilab[atmark]gmail.com