ApyCom の jQuery ナビゲーション メニューを使用しています。別のナビゲーション要素をクリックした場合を除いて、正常に機能しています。ナビゲーション要素が強調表示されたままになり、ユーザーがどのページにいるのかがわかります。奇妙なのは、href
値を実際のページ (Contact.aspx など) からに置き換える#
と、選択した要素が強調表示されたままになることです (もちろん、Contact.aspx に移動することはできません#
)。#
を実際のページに置き換えたときだけ、このファンキーさが発生します。Default.aspx ページのスクリーンショットを次に示します。
次に、Contact.aspx ページ (お問い合わせ) の写真を示します。
「ホーム」がまだ強調表示されていることに注意してください。Contact.aspx ページのメニュー マークアップは次のとおりです。
<div id="menu">
<ul class="menu">
<li><a href="Default.aspx" class="parent"><span>Home</span></a>
</li>
<li><a href="#" class="parent"><span>Services</span></a>
<div>
<ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div>
<ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
</ul>
</div>
</li>
<li><a href="#" class="parent"><span>Sub Item 2</span></a>
<div>
<ul>
<li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
</ul>
</div>
</li>
<li><a href="#"><span>Sub Item 3</span></a></li>
<li><a href="#"><span>Sub Item 4</span></a></li>
<li><a href="#"><span>Sub Item 5</span></a></li>
<li><a href="#"><span>Sub Item 6</span></a></li>
<li><a href="#"><span>Sub Item 7</span></a></li>
</ul>
</div>
</li>
<li><a href="About.aspx"><span>About Us</span></a></li>
<li class="last"><a href="Contact.aspx"><span>Contact Us</span></a></li>
</ul>
</div>
私がここに欠けているものはありますか?