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'});