0

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>

私がここに欠けているものはありますか?

4

2 に答える 2

0

class="current"私は自分の<li>アイテムを置かなければなりませんでした。これで解決しました。

于 2013-04-23T20:47:54.790 に答える
0

class="current"では動作し<li>ません。

の代わりに、自分のセクションclass="current"に入れる必要があります。class="active"<li>

以下に例を示します。

<li class="active">
于 2016-06-21T19:08:32.263 に答える