Question

当我嵌入我的谷歌地图时，导航栏和导航栏汉堡包中的下拉菜单变为非活动状态，当我点击它们时什么也没发生。

这是我嵌入谷歌地图的页面：

<body>
<nav>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <img src="Owlswick Logo.svg" width="300" height="75" class="d-inline-block align-top" alt="">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">

  <!--dropdown-->
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About Owlswick Morris</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="Present Owlswick.html">Present Owlswick</a>
      <a class="dropdown-item" href="Our History.html">Our History</a>
      <a class="dropdown-item" href="Jane Reasons.html">Jane's 5 Reasons to Morris Dance</a>

    </div>
  </li>
  <div>
</nav>

<div id="map">
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJyaAw2pB9d0gRNqb4LwxJCnc&key=AIzaSyDqL1wqNr0OJe9rkXYPirEe8REMDNJM_5E" allowfullscreen</iframe>
</div>

Answer 1

感谢G.Hunt我解决了我的问题。

我从谷歌地图获得了另一个嵌入代码，现在我的按钮都正常工作了。

为什么我的下拉按钮无法嵌入谷歌地图？

1 个答案: