Google マップで次のコードを使用して、infoBox を含めます。
var myOptions = {
content: '<div>' + message + '</div>'
,disableAutoPan: false
,maxWidth: 0
,pixelOffset: new google.maps.Size(-80, 0)
,zIndex: null
,boxStyle: {
background: "#add8e6"
,opacity: 0.9
,width: "160px"
}
,closeBoxMargin: "2px 2px 2px 2px"
,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
,infoBoxClearance: new google.maps.Size(1, 1)
,isHidden: false
,pane: "floatPane"
,enableEventPropagation: false
};
var ib = new InfoBox(myOptions);
ib.open(map, mark);
infowindow_opened = ib;
これで問題なく動作します (infoBox が表示されます)。
ボックスに表示されるメッセージは次のとおりです。
'<a class="test">click test</a>';
このアイテムをクリックするロジックは javascript で処理されるため、href 情報のない「a」タグです。
$('a.test').click(function(){ alert("clicked')});
infoBox 内の「クリック テスト」リンクをクリックすると、「クリックされた」という警告メッセージが表示されるはずなのに何も起こりません。
何か案が ?