ApyCom JavaScript jQuery菜单 - 如何显示当前选择的导航元素？

Question

我正在使用ApyCom的jQuery导航菜单。它工作正常，除非我点击不同的导航元素，我希望导航元素保持突出显示，以告诉用户他们所在的页面。奇怪的是，如果我将href值从实际页面（例如Contact.aspx）替换为#，则所选元素会保持突出显示（当然，我可以＆＃39） ; t导航到Contact.aspx，因为它只有#）。只有当我用实际页面替换#时才会发生这种愚蠢行为。这是Default.aspx页面的屏幕截图：

现在这里是Contact.aspx页面的图片（联系我们）：

请注意＆＃34; Home＆＃34;仍然突出显示。这是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>

我在这里找不到什么东西？

Answer 1

我必须将class="current"放在我的<li>项目上。这解决了它。

Answer 2

<{1}}中的{p> class="current"无效。

而不是<li>，您需要将class="current"放入class="active"部分。

以下是示例：

<li>