如何从谷歌地图脚本中的锚标记显示隐藏的 div

Question

infowindow = new google.maps.InfoWindow({
    content: " <strong>Name</strong>  <br/> Aba Hillel Silver St 71 <br/>AvgPrice : 320$ <div class='stars starrr' data-rating='0'></div> <div class=''><a class='more_map_but' href='#gympagesection'>More Details</a></div>"
}); 

在这里，在我的锚点“more_map_but”类中，如果用户单击它，我希望在 HTML 代码中显示一个 display:none div，但它不能与我在地图脚本中的 jquery 代码一起使用，否则外部，即在页面的其余部分工作正常。

以下是我的 jquery：

<script>
    $(document).ready(function() {
        $(".more_map_but").click(function() {
            $(".appearing-section").fadeIn('slow');
        })
    })
</script>

Answer 1

尝试使用jQuery 的event 委托技术，如下所示：

<script>
    $(document).ready(function() {
        $(document).on("click", ".more_map_but", function() {
            $(".appearing-section").fadeIn('slow');
        })
    })
</script>  

在这里，我们首先将事件附加到document，然后将其委托给所需的element。这种技术可以用于现有的elements 以及将来将在 DOM 中出现的元素。我相信它会起作用的。