jquery - 添加两个响应式 tinynav 菜单

Question

我的网站有两个菜单，我想让它们响应，我原来的菜单是这样的:

<nav class="main-menu left" id="nav">  
    <div class="menu-left-main-menu-container">
        <ul id="menu-left-main-menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="about-us.html">About us</a></li>
            <li><a href="menu.html">Menus</a></li>
        </ul>
    </div>                                                                                      
</nav>

<div class="clear"></div>

<nav class="main-menu right" id="nav2">                    
    <div class="menu-right-main-menu-container">
        <ul class="clearfix" id="menu-right-main-menu">
             <li><a href="branch.html">Branches</a></li>
             <li><a href="contact.html">Jobs</a></li>
             <li><a href="contact.html">Contact</a></li>
        </ul>
    </div>                 
</nav>

我使用 tinyNav 插件让我的菜单响应:

$('#nav ul').tinyNav({active: 'current-menu-item'});    
var text_menu = $("#tinynav1 option:selected").text();
$(".mobile-menu").html(text_menu);

我有另一个 id 为 id="nav2" 的菜单，如何使用 tinyNav 添加第二个菜单

Answer 1

您不能添加第二个选择器并再次调用 tinyNav 吗？

$('#nav2 ul').tinyNav({active: 'current-menu-item'});