は、例えば、サイト
Examples
ないjQueryのスニペットは、仕事とインフォボックスでも「LI」が含まれている場合は確信してみてください。
私は、HTMLバージョンで、次のJSを配置し、これがイベントを作成し、メッセージを生成し、しようとするために、実行ボックスにそれを置く:
map.entities.clear();
function handlerEvent1()
{
displayAlert('Handler1');
}
function handlerEvent2()
{
displayAlert('Handler2');
}
function handlerEvent3()
{
displayAlert('Handler3');
}
var infoboxOptions = {width :200, height :100, showCloseButton: true, zIndex: 0, offset:new Microsoft.Maps.Point(10,0), showPointer: true};
var defaultInfobox = new Microsoft.Maps.Infobox(map.getCenter(), infoboxOptions);
map.entities.push(defaultInfobox);
defaultInfobox.setHtmlContent('<div id="infoboxText" style="background-color:White; border-style:solid;border-width:medium; border-color:DarkOrange; min-height:100px;width:240px;"><b id="infoboxTitle" style="position:absolute; top:10px; left:10px; width:220px;">myTitle</b><div id="infoboxDescription" style="position:absolute; top:30px; left:10px; width:220px;" onclick="handlerEvent3()">Description</div></div>');
また、サンプルコードから、document.readyがありますあなたが代わりにページの一番下にスクリプトを置くか、すべきであるのを待っているされていない:
$(document).ready(function() {
$('body').on('click', 'li', function (e) {
console.log("target:", e.target);
});
});
クリックも(提供されないため、「LI」がひどくインフォボックスのコードでレンダリングされることに、働いていない可能性があります)。
bingマップの例では、HTMLコンテンツのinfoboxには対応していません。私が持っているものに最も近いものはこのhttps://www.bingmapsportal.com/isdk/ajaxv7#Infobox20であり、カスタムイベントのドキュメントはありません。 – Organic
私はあなたがHTML 1で実行できる例を追加しました。これは役に立ちます。そうでない場合は、完全なHTMLを提供しなければならない場合があります。 [説明]テキストをクリックすると、メッセージが表示されます。 – PeterS
ああ、そうです。ありがとう!なぜこれが機能し、jQuery経由でクリックイベントを設定するのか分かりませんか? – Organic