Nhấp vào sự kiện trong Google Map InfoWindow không bị bắt

Question

Với Google Map v2, tôi muốn có thể kích hoạt chức năng khi nhấp vào văn bản trong InfoWindow của GMarker.

$(".foo").click(myFunction); 

... 

marker.openInfoWindowHtml("<span class=\"foo\">myText</span>"); 

không hoạt động. Tại sao sự kiện không bị bắt gặp bên trong InfoWindow?

Answer 1

Nếu cuộc gọi ràng buộc sự kiện được gọi trước khi cuộc gọi đến openInfoWindowHtml như trong ví dụ của bạn, khoảng không nằm trong DOM trong khi cuộc gọi đầu tiên tìm kiếm các phần tử có lớp "foo", vì vậy không có trình xử lý nào đính kèm.

Bạn có thể di chuyển trình xử lý sự kiện đó được gọi sau openInfoWindowHtml hoặc sử dụng liên kết sự kiện "trực tiếp" để jQuery giám sát DOM cho bất kỳ phần tử mới nào bằng bộ chọn đã cho.

$(".foo").live('click', myFunction); 

Answer 2

Theo như tôi biết, GMaps tiêm nội dung vào InfoWindow programatically, vì vậy bất cứ xử lý sự kiện ràng buộc về các yếu tố tiêm sẽ không cháy, trừ khi bạn sử dụng đoàn sự kiện:

$(".foo").live("click", myFunction); 

Xem live xử lý sự kiện.

Answer 3

Hãy thử điều này:

google.maps.event.addListener(infowindow,"**domready**",function() { 
    var Cancel = document.getElementById("Cancel"); 
    var Ok = document.getElementById("Ok"); 

    google.maps.event.addDomListener(Cancel,"click",function() { 
     infowindow.close(); 
    }); 

    google.maps.event.addDomListener(Ok,"click",function() { 
     infowindow.close(); 
     console.log(position); 
     codeLatLng(position); 
    }); 
}); 

Answer 4

tôi couldnt nhận nó làm việc như Kevin Gorski giải thích ...

với jquery 1.9.1 và bản đồ api v = 3.exp các công việc sau:

infowindow.setContent('<a href="#" id="test">test</a>'); 
google.maps.event.addDomListener(infowindow, 'domready', function() { 
    $('#test').click(function() { 
     alert("Hello World"); 
    }); 
}); 

Answer 5

giải pháp đơn giản và phù hợp với tôi. sử dụng sự kiện onclick trong span.

<span class=\"foo\" onclick="test()">myText</span> 

function test(){ 
alert('test OK'); 
}