Question

我有一个导航树，可以很好地部署一个子菜单（包含一个地图），当你点击它时，它很好地隐藏在鼠标中，而不需要进一步点击，这要归功于下拉切换类。我希望它能够崩溃，这样，当你再次将鼠标移开时，它会像初始情况一样崩溃。

请在此处找到html代码：

<div id="navbar" class="collapse navbar-collapse">
  <ul class="nav navbar-nav">           
   <li class="dropdown">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">'Buscar'</a>                          
      <ul class="dropdown-menu sub-menu">
         <li><label class="tree-toggler nav-header">'Por región'></label>
            <ul class="nav nav-list tree" style="display: none;">
                <object id="mapa" type="image/svg+xml" data="mapa.svg" width="280" height="300"></object>
            </ul>
        </li>
        ...

我还包括脚本代码：

   $(document).ready(function () {
        $('label.tree-toggler').click(function () {
            $(this).parent().children('ul.tree').toggle(300);
        });
    });

Answer 1

我在您的链接（79.170.44.126/eee.alvaro.com/pruebas/prog_16.php）上使用了Chrome控制台，并提出了这个问题。

尝试在$(document).ready：

中添加此内容

$(".dropdown").mouseleave(function() {
    $("#arbol").parent().children('ul.tree').hide(300);
});

隐藏时折叠导航树

1 个答案: