Question

我正在尝试使用引导下拉菜单在下拉列表的第三级稍微延迟。对不起，我没有小提示，但菜单是这个结构，顶部菜单上的产品下降到列表窗口，门，音乐学院等，然后项目门窗在第三级右侧有一个子菜单..

产品

|

WINDOWS

- ＆GT;窗扇

- ＆GT;倾斜和转动

- ＆GT;垂直

DOORS

- ＆GT;复合

- ＆GT;法国

- ＆GT;滑动

- ＆GT;双折

- ＆GT;幻灯片＆amp;摆动

暖房

ORANGERIES

TILED ROOF CONSERVATORIES

PORCHES

车顶轮廓线

我见过一些有用的javascripts

<script>
jQuery('ul.nav ul.dropdown-menu').hover(function() {
jQuery(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function() {
jQuery(this).find('dropdown-menu').stop(true, true).delay(200).fadeOut();
});
</script>

这几乎正常工作，但它显示父母悬停时的第三级菜单，即当窗口显示窗口子菜单时，然后门子菜单显示延迟。有人可以建议如何调整上述代码吗？

<li class="dropdown"><a href="products.php" id="drop-mob" class="dropdown-toggle disabled" data-toggle="dropdown"  role="button" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li class="visible-xs"><a href="products.php">All Products</a></li>
                <li>
                    <a id="caret-one" class="trigger right-caret">Windows</a>
                    <ul class="dropdown-menu sub-menu">
                        <li><a href="casement-windows.php">Casement</a></li>
                        <li><a href="tilt-and-turn-windows.php">Tilt &amp; Turn</a></li>
                        <li><a href="vertical-sliding-windows.php">Vertical Slider</a></li>
                    </ul>
                </li>
                <li>
                    <a id="caret-two" class="trigger right-caret">Doors</a>
                    <ul class="dropdown-menu sub-menu">
                        <li><a href="composite-doors.php">Composite</a></li>
                        <li><a href="french-doors.php">French</a></li>
                        <li><a href="sliding-doors.php">Sliding</a></li>
                        <li><a href="bi-fold-doors.php">Bi-fold</a></li>
                        <li><a href="slide-and-swing-doors.php">Slide &amp; Swing</a></li>
                    </ul>
                </li>
                <li><a href="conservatories.php">Conservatories</a></li>
                <li><a href="orangeries.php">Orangeries</a></li>
                <li><a href="tiled-roof-conservatories.php">Tiled Roof Conservatories</a></li>
                <li><a href="porches.php">Porches</a></li>
                <li><a href="roofline.php">Roofline</a></li>
            </ul>
          </li>

子菜单上的Bootstrap菜单延迟

0 个答案: