Haga clic en vínculo interior folleto emergente y hacer javascript

Question

Tengo un folleto con un mapa en marcha y funcionando. Se superpone a una serie de polígonos (a través de GeoJSON) en el mapa y se adhiere ventanas emergentes para cada polígono. Cada uno de los emergentes de la pantalla de información sobre el polígono.

Me gustaría tener dentro de la ventana emergente de un vínculo que, cuando se pulsa, se ejecuta una función de javascript que tira más pequeños polígonos a través de AJAX y los muestra.

Yo no puedo obtener la secuencia de comandos para coger un clic en el vínculo a través de la normal jQuery/Javascript haga clic en eventos. Aquí lo normal (lo siguiente no funciona):

$('a .smallPolygonLink').click(function(e){
  console.log("One of the many Small Polygon Links were Clicked");
});

El bindPopup parte es como sigue. Se ejecuta en cada polígono cuando se hace y aparece correctamente al hacer clic en un polígono. Se muestra el enlace, simplemente no se ejecuta el código anterior en haga clic en.

var popupContent = "Basic Information..." + '<a class="smallPolygonLink" href="#">Click here to see the smaller polygons</a>';
layer.bindPopup(popupContent);

Cualquier ayuda es muy apreciada.

Answer 1

Usar `` en lugar de .live() - el elemento no es esta página cuando usted enlaza el controlador de eventos, así que necesitarás enlazar dinámicamente.

Answer 2

Parece folleto amortigua los eventos de propagación fuera de la ventana emergente.

Una forma que he conseguido que funcione es atrapar el contenido en un objeto jQuery antes de unirse a la emergente.