Question

我在下拉菜单中遇到问题，它不会缩回，而只是在单个页面上，即联系页面，我有Google地图。它像这样被阻止了：

dropdown

我尝试过使用CSS，但没有结果。我错过了什么？我希望这是足够的信息;如果需要，我会发布更多内容。

这是HTML代码

<nav id=\"topmenu\" class=\"clearfix\">            
  <ul class=\"dropdown\">    
    <li class=\"menu-level-0 current-menu-ancestor\">
      <a href=\"index.php\"><span>Acasa</span></a>
    </li>     
    <li class=\"menu-level-0 current-menu-ancestor\">
      <a href=\"desprenoi.php\"><span>Despre noi</span></a>
    </li>                       
    <li class=\"menu-level-0 current-menu-ancestor\">
      <a href=\"piese.php\"><span>Piese auto</span></a>
    </li>                       
    <li class=\"menu-level-0 mega-nav\">
      <a href=\"#\"><span>Servicii</span></a>

      <ul class=\"submenu-1\">
        <li class=\"menu-level-1\">

          <ul class=\"submenu-2\">                                
            <li class=\"menu-level-2\">
              <a href=\"mecanica.php\"><span>Mecanica auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"electrica.php\"><span>Electrica auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"tinichigerie.php\"><span>Tinichigerie auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"vopsitorie.php\"><span>Vopsitorie auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"diagnoza.php\"><span>Diagnoza auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"blog.html\"><span>Vulcanizare auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"tractari.php\"><span>Tractari auto</span></a>
            </li>
            <li class=\"menu-level-2\">
              <a href=\"itp.php\"><span>ITP</span></a>
            </li>
          </ul>

        </li>                                                                                               
      </ul>

    </li>
    <li class=\"menu-level-0 current-menu-ancestor\">
      <a href=\"foto.php\"><span>Galerie Foto</span></a>
    </li>
    <li class=\"menu-level-0\">
      <a href=\"contact.php\"><span>Patrascu Emil: 0745 374 793</span></a>
    </li>                                                               
  </ul> 
</nav>

下拉菜单位于子菜单-1。

CSS：http://pastebin.com/1g74fqW1

联络页

<div class="body_wrap">
  <div id="map-canvas"></div>      
  <div id="menuu">
    <form action="http://maps.google.co.uk/maps" method="get">
      <input type="submit" name="submit" value="Cum ajung aici?" id="submit" />
      <input type="hidden" name="daddr" value="45.1615909, 24.6700443" />
      <input type="hidden" name="hl" value="en" />
    </form>
    <input type="button" value="Trimite un mesaj!" onclick="Show_Div(Div_1)" id="submit"/>
  </div>
</div>

联系页面的CSS

#menuu {
    position: absolute;
    background-color: transparent;
    top: 100px;
    left: 10px;
    z-index:99;
}

#map-canvas {
    height: 600px;
}

实时网页：http://serviciiregie.com/contact.php

Answer 1

此页面分别加载jquery三次：

1.8.3来自js / libs / jquery.min.js，<head>
1.11.0来自http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js，就在google maps api
1.4.2来自http://code.jquery.com，紧跟<script>块后面标有“以下示例在斯德哥尔摩创建标记”。

你也在使用jquery easing插件。当菜单弹出时，页面会出现“TypeError: jQuery.easing[jQuery.easing.def] is not a function”，这可能会破坏隐藏菜单的意图。

其中一个额外的jquery版本（我正在看你，1.4.2）可能与缓动插件不兼容。试着把它取出来！

下拉菜单保持阻止状态

1 个答案: