javascript - jQueryの追加は、1つだけを保持する方法を繰り返し続けます

Question

マップには複数のメーカーがあり、カスタムの infoWindow を作成したので、カスタムのほとんどすべてを管理できます。var を作成し、Div に追加します。ただし、ホバーするたびに、アイテムが1回追加され、繰り返されます。

これが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();