2016-08-17 23 views
0

私の人生ではクリックイベントがカスタムhtmlで動作することはできません。次のコードBing Mapsの外ではなく、内部の任意の李上でイベントをトリガ:カスタムinfoboxでイベントをクリックするとBing Mapsのイベントが表示されます

$('body').on('click', 'li', function (e) { 
    console.log("target:", e.target); 
}); 

attaching "actions" to basic default infoboxes上のいくつかのドキュメントが、カスタムのHTMLインフォボックスのイベントには何の情報があります。彼らはカスタムinfoboxesのすべてのイベントを無効にしているようだ。誰でもこれを確認できますか?なぜ彼らはこれをするだろうか?そして、どうすればそれを回すことができますか?

答えて

1

は、例えば、サイト

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」がひどくインフォボックスのコードでレンダリングされることに、働いていない可能性があります)。

+0

bingマップの例では、HTMLコンテンツのinfoboxには対応していません。私が持っているものに最も近いものはこのhttps://www.bingmapsportal.com/isdk/ajaxv7#Infobox20であり、カスタムイベントのドキュメントはありません。 – Organic

+0

私はあなたがHTML 1で実行できる例を追加しました。これは役に立ちます。そうでない場合は、完全なHTMLを提供しなければならない場合があります。 [説明]テキストをクリックすると、メッセージが表示されます。 – PeterS

+0

ああ、そうです。ありがとう!なぜこれが機能し、jQuery経由でクリックイベントを設定するのか分かりませんか? – Organic

関連する問題