サイトがwww.example.com
読み込まれるとindex.html
、ナビゲーションには表示するホームが事前に選択されていません。www.example.com
メニューにデータを入力する関数と、現在のページを取得してループするクラスを追加する関数があり、サイトがクラスを現在のindex.html
ページに変更するページである場合に見つからないことがわかっています。
別の if ステートメントを試し、デフォルト クラスをli
ieに入れようとしまし<li><a href='index.html' class='current'>Home</a></li>
たが、このページと他のページの両方が表示されます。
/*Navigation menu*/
function navMenu(){
document.writeln("<ul id='menu' class='menu'>");
document.writeln("<li><a href='index.html'>Home</a></li>");
document.writeln("<li><a href='myself.html'>About</a></li>");
document.writeln("<li><a href='portfolio.html'>Work</a></li>");
document.writeln("<li><a href='news.html'>News</a></li>");
document.writeln("<li><a href='contact.html'>Contact</a></li></ul>");
}
function setActive() {
/*current page function*/
$('#menu a').each(function(index) {
if(this.href.trim() == window.location)
$(this).addClass("current");
});}
www.example.com
これは正常に機能しますが、前述のように、追加を統合する方法や、URL が現在のクラスを追加するときに最初にデフォルト クラスがあったかどうかを確認する方法がわかりません。index.html