Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z obsługą zdarzenia w popupie mapy
m72
post 13.06.2014, 22:54:09
Post #1





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 25.12.2012

Ostrzeżenie: (0%)
-----


Jak zrobić żeby z wygenerować zdarzenie jquery po kliku w link w popupie (pojawia sie po kliku w marker) żeby działał tak jak ten pod mapą.
Problem chyba w tym ze strona po załadowaniu nie ma w swoim drzewie DOM zbindowanego popupa który się pojawia dopiero po kliku więc nie ma się do czego odwoływać.
Gotowy plik do odpalenia w przeglądarce.

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  6. <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
  7. <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
  8. </head>
  9. <body>
  10. <div id="map" style="width:500px;height:500px;">
  11. var map = L.map('map').setView([54.6154, 18.8141], 7);
  12. L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  13. maxZoom: 18,
  14. attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery Š <a href="http://cloudmade.com">CloudMade</a>'
  15. }).addTo(map);
  16.  
  17. L.marker([54.6154,18.8141]).addTo(map).bindPopup("<a href='#' class='A1'>link</a>");
  18. </script>
  19. </div>
  20. <a href='#' class='A1'>link</a>
  21.  
  22. $( '.A1' ).click(function() {
  23. alert('halo');
  24. });
  25. </script>
  26. </body>
  27. </html>
  28.  
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 17.06.2025 - 06:45