-1
當我嵌入我的谷歌地圖時,導航欄和導航欄漢堡包中的下拉菜單變爲非活動狀態,當我點擊它們時,什麼都不發生。爲什麼我的下拉按鈕不適用於嵌入的谷歌地圖?
這是我與谷歌地圖頁面嵌入:
<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>
看起來好像'
@ G.Hunt這是實際的生產代碼。我複製並直接從谷歌地圖粘貼... –