javascript - jQuery追加不断重复如何只保留一个

Question

我在地图上有多个制造商，我创建了一个自定义信息窗口，因此我几乎可以管理自定义所有内容。我创建了一个 var 并附加到 Div。但每次悬停时，该项目都会添加一次并不断重复。

这是jsfiddle示例

google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
    return function() {
        var showcity = '<div class="cities">' + 'This is' + cities[i][0] + '</div>';

        $(".infoWindow").append(showcity).fadeIn(); 

    }
  })(marker, i));

Answer 1

只是改变

$(".infoWindow").append(showcity).fadeIn(); 

到

$(".infoWindow").html(showcity).fadeIn(); 

小提琴

Answer 2

$(".infoWindow").append(showcity).fadeIn(); 

应该：

$(".infoWindow").html(showcity).fadeIn();