Question

点击弹出窗口中的链接后如何制作jquery事件（点击标记后出现）。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
</head>
<body>
<div id="map" style="width:500px;height:500px;">
<script>
var map = L.map('map').setView([54.6154, 18.8141], 7);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom:18}).addTo(map);
L.marker([54.6154,18.8141]).addTo(map).bindPopup("<a href='#' class='A1'>link</a>");
</script>
</div>
<a href='#' class='A1'>link</a>
<script>
$( '.A1' ).click(function() {
alert('halo');
});
</script>
</body>
</html>

Answer 1

创建处理程序时，标记中的.A1链接不存在。

您需要使用on()来观看稍后出现的.A1个对象上的活动：

$(document).on('click', '.A1', 
  function() {
    alert('halo');
  }
);

弹出点击事件不起作用

1 个答案: