javascript - D3 DataMaps: バブルの OnClick イベント

Question

私はdatamaps docsに従っており、svgでレンダリングしているバブルにonClickリスナーを設定しようとしています。現在、svg divには次のサブタグがあります。

<svg>
  <g id class="datamaps-subunits">..</g>
  <g id class="bubbles">..</g>
</svg>

ドキュメントによると、マップにリストされている国について、これは次の方法で行う必要があります。

done: function(datamap) {
            datamap.svg.selectAll('.datamaps-subunits').on('click', function() {
              alert("hello");  
            });
        }

地図上の特定の地域をクリックしようとすると、これはうまく機能します。

同じリスナーを泡クラスにアタッチしようとしても何もしません..

done: function(datamap) {
            datamap.svg.selectAll('.bubbles').on('click', function() {
                alert("hello"); 
            });
        }