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