JQueryを使用してGoogle Maps API（V3）のinfoWindow/Box内のリンクを無効にしますか？

Question

マップ上にinfoBoxが表示され、リンクのリストが表示されます（これらのリンクには「.mapLinks」というクラスがあります）。

私の目標は、リンクを識別して無効にする代わりに、「メインページ」（マップキャンバスdivがあるページに含まれています）内でJQueryを使用して、メインページにあるdivを表示することです'私のJQueryは次のとおりです。

$('.mapLinks').click(function(event) { 
    event.preventDefault(); 
    $('#divOnMainPage').addClass('hidden'); 
}); 

ご協力いただければ幸いです。

Answer 1

それらが動的に追加されている場合は、.delegate()を使用する必要があります：

$(document).delegate('.mapLinks', 'click', function(event) { 
    event.preventDefault(); 
    $('#divOnMainPage').addClass('hidden'); 
}); 

それとも、あなたが.on()の構文を使用することができます1.7以降を使用している場合：これはにイベントをバインドします

$(document).on('click', '.mapLinks', function(event){ 
    event.preventDefault(); 
    $('#divOnMainPage').addClass('hidden'); 
}); 

を親要素（この場合はdocument）を呼び出し、イベントのバブルをキャッチします。したがって、.mapLinksを動的に追加して削除することはできますが、それでも動作します。