下拉菜单保持被阻止

Question

I have problems with a dropdown menu, it does not retract back, but just on a single page, the contact page, where I have a Google map. 我在下拉菜单中遇到问题，它不会后退，而只是在一个页面上（我有Google地图的联系页面）。 It's blocked like this: 它被这样阻塞：

I tried working in the CSS, but with no result. 我尝试在CSS中工作，但没有结果。 What am I missing? 我想念什么？ I hope it's enough info; 我希望这是足够的信息； I'll post more if needed. 如果需要，我会发布更多信息。

This is the HTML code 这是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>

The dropdown is on submenu-1. 下拉菜单位于子菜单1上。

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

The contact page 联系人页面

<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>

And the css of Contact page 和联系页面的CSS

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

#map-canvas {
    height: 600px;
}

Live page: http://serviciiregie.com/contact.php 实时页面： http ： //serviciiregie.com/contact.php

Answer 1

This page loads jquery three separate times: 此页面将jquery分别加载三个时间：

1.8.3 from js/libs/jquery.min.js, in <head> 来自<head> js / libs / jquery.min.js的1.8.3
1.11.0 from http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js , just after the google maps api 在Google Maps API之后的http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js中的 1.11.0
1.4.2 from http://code.jquery.com , just after the <script> block labeled “The following example creates a marker in Stockholm”. 1.4.2来自http://code.jquery.com ，位于标记为“以下示例在斯德哥尔摩创建标记”的<script>块之后。

You're also using the jquery easing plugin. 您还使用了jQuery缓动插件。 When the menu pops up, the page gets a “ TypeError: jQuery.easing[jQuery.easing.def] is not a function ”, which is probably breaking whatever's meant to hide the menu. 弹出菜单时，页面显示“ TypeError: jQuery.easing[jQuery.easing.def] is not a function ”，这很可能破坏了隐藏菜单的意图。

One of the extra jquery versions (I'm looking at you , 1.4.2) is probably incompatible with the easing plugin. 额外的jquery版本之一（我在看您，1.4.2）可能与easing插件不兼容。 Try taking it out! 尝试将其取出！

下拉菜单保持被阻止

问题描述

1 个解决方案

解决方案1
0 2015-05-30 17:24:51

下拉菜单保持被阻止

问题描述

1 个解决方案

解决方案1 0 2015-05-30 17:24:51

解决方案1
0 2015-05-30 17:24:51