谷歌地圖上的CSS按鈕不可點擊

Question

我正在使用 Google地圖Javascript Api將地圖放到我的網站上。
我創建在地圖的右上角的按鈕只是讓用戶可以關閉它
這是我的CSS按鈕代碼：

#close-map { 
    position: absolute; 
    top: 0; 
    right: 0; 
    background: #ffc300; 
    color: #000; 
    font-size: 16px; 
    padding: 10px 20px; 
    text-align: center; 
    cursor: pointer; 
    z-index: 400; 
} 

我用jQuery來把它#map DIV

內

$(window).load(function() { 
    $('#map').prepend('<div id="close-map">close map</div>'); 
}); 

，我有jQuery代碼隱藏，當我點擊它在地圖
所以我可以看到在角落裏的按鈕，但它不是點擊

Answer 1

您需要將該可點擊按鈕從#map div中移出。因爲你可以將它包裝在另一個div（testing-div）並將按鈕放入其中。

<div class="testing-div" style="position:relative;"> 
<div id="close-map">close map</div> 
<div id="map" style="height: 580px"></div> 
</div> 

現在你可以添加一些jQuery來關閉測試-DIV

$("#close-map").click(function(){ 
    $(".testing-div").slideUp(); 
});