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="nav2"的菜单，如何使用tinyNav添加第二个菜单

Answer 1

你能不能只添加第二个选择器并再次呼叫tinyNav？

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

添加两个响应式tinynav菜单

1 个答案: