ブラウザのバックボタンで戻ると、画像が表示しない

javascriptでナビやメニューのホバーの動作を実装し、画像の入れ替えをしている機能で、ページ遷移後ブラウザのバックボタンで

前ページに戻ると画像が消えている症状が発生。

どうやらiPhone ios safariで発生するようで、キャッシュの読み込みにくさが原因だとか。

解決として、クリックイベントも用意し、クリックで画像を元に戻すという部分を追加する。

$(function(){
// ホバーで画像入れ替え文
	$('#nav a img').hover(function(){
		$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
	}, function(){
		if (!$(this).hasClass('currentPage')) {
			$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
		}
	});
// 追加文
	$('#nav a img').click(function(){
		$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
	});
});