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

Question

我正在使用 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>

我在这里缺少什么吗？

Answer 1

我不得不穿上class="current"我的<li>物品。这解决了它。

Answer 2

class="current"在<li>将不起作用。

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

下面是示例：

<li class="active">