我有一个下拉菜单的问题,它不会缩回,但只是在一个页面上,联系页面,我有一个谷歌地图。是这样被屏蔽的:
我尝试在 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>
下拉菜单在 submenu-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;
}
最佳答案
这个页面加载了 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>
之后标记为“以下示例在斯德哥尔摩创建标记”的 block 。
您还使用了 jquery 缓动插件。当菜单弹出时,页面得到一个“TypeError: jQuery.easing[jQuery.easing.def] is not a function
”,这可能破坏了隐藏菜单的意图。
其中一个额外的 jquery 版本(我在看 you,1.4.2)可能与缓动插件不兼容。试着把它拿出来!
关于html - 下拉菜单保持阻塞状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30547977/