jQuery append不断重复如何保留一个

Question

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

这是jsfiddle Sample

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(); 

FIDDLE

Answer 2

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

应该是：

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