Jquery 响应引导菜单轻微错误_Jquery_Wordpress_Twitter Bootstrap

Jquery 响应引导菜单轻微错误

jquery wordpress twitter-bootstrap

Jquery 响应引导菜单轻微错误,jquery,wordpress,twitter-bootstrap,Jquery,Wordpress,Twitter Bootstrap,我已经为我的网站设计了一个引导菜单在桌面上，该网站运行良好，没有任何问题在手机上，我有一个问题似乎无法解决菜单设计如下： <body class="background"> <nav class="content"> <ul class="exo-menu"> <li><a class="active" href="/"><i class="fa fa-home"><

我已经为我的网站设计了一个引导菜单

在桌面上，该网站运行良好，没有任何问题

在手机上，我有一个问题似乎无法解决

菜单设计如下：

<body class="background">
    <nav class="content">
        <ul class="exo-menu">
            <li><a class="active" href="/"><i class="fa fa-home"></i> Home</a></li>
            <li class="mega-drop-down"><a href="#" onclick="return false"><i class="fa"></i> Brands</a>
                <div class="animated fadeIn mega-menu">
                    <div class="mega-menu-wrap">
                        <div class="row">
                            <div class="container-fluid">
                                <div class="tab-content">
                                    <div class="tab-pane active" id="A">
                                        <ul class="nav-list list-inline list-inline2">
                                            <li><a data-filter=".89" href="/brand/product"><img src="/wp-content/themes/mytheme/images/image.png" alt="Image"><span></span></a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane" id="B">
                                        <ul class="nav-list list-inline col-md-2">                                
                                            <li><a href="/brand/productb"><span>productb</span></a></li>
                                        </ul>
                                    </div>
                                    <ul class="nav nav-tabs" role="tablist">   
                                        <li   class="active change"><a href="#A" role="tab" data-toggle="tab">A</a></li>
                                        <li class="change"><a href="#B" role="tab" data-toggle="tab">#B</a></li>
                                    </ul>
                                </div>
                            </div>  
                        </div>
                    </li>
                    <li class="mega-drop-down"><a href="#" onclick="return false"><i class="fa"></i> CATEGORIES</a>
            <div class="animated fadeIn mega-menu mega-menu2">
                <div class="mega-menu-wrap">
                    <div class="row">
                        <div class="container-fluid">
                        <!-- Tab panes -->
                            <div class="tab-content">
                                <div class="tab-pane active">
                                    <ul class="nav-list list-inline col-lg-12">
                                        <ul class="nav-list list-inline col-md-4">
                                            <li class="dropdown-header"><a href="/product-category/catA">CatA</a></li>
                                        </ul>
                                        <ul class="nav-list list-inline col-md-4">
                                            <li class="dropdown-header"><a href="/product-category/CatB">CatB</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatBa">CatBa</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatBb">CatBb</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatBc">CatBc</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatBd">CatBd</a></li>
                                        </ul>
                                        <ul class="nav-list list-inline col-md-4">
                                            <li class="dropdown-header"><a href="/product-category/CatC">CatC</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatCa">CatCa</a></li>
                                            <li Class= "dropdown-info"><a href="/product-category/CatCb">b</a></li>
                                        </ul>
                                    </ul>
                                </div>    
                            </div>
                        </div>
                    </div>
                </div>  
            </div>
        </li>
    </ul>
</nav>

如果在打开“品牌”选项卡后单击“类别”选项卡，则会出现问题。查看品牌后，如果我单击“类别”，该选项卡将打开，并将“类别”标题置于页面顶部。标题下的哪个子类别会被自动单击并加载该页面

我不确定有什么办法可以避免这种情况发生

jQueryI使用的是：

<script>
        $(function () {
            $('.toggle-menu').click(function (){
            $('.exo-menu').toggleClass('display');

            });
        });
</script>


$（函数（）{
$（'.toggle menu'）。单击（函数（）{
$（'.exo menu'）.toggleClass（'display'）；
});
});

有没有一种方法可以让我在打开菜单时稍微延迟一点，比如说.5s，但只在移动设备上，希望能阻止这种情况发生

任何帮助都会很好

你能帮我完成这个吗？你发布的内容太少了…@louyspatricebesette是否可以链接到该站点以获得帮助？我没有codepen帐户，似乎无法正确查看bootsnip。问题似乎是java/css，因为品牌菜单很快关闭，并将类别选项卡射向屏幕顶部打开，因此，无论我的手指在哪个选项上，都会出现打开下拉列表，获取选定的活动链接将有用。。。因为它在移动设备上必须被忽略。所以发布链接。；）