1

我在我的网络应用程序中使用 Google Maps Javascript API。每当用户在地图上绘制标记/覆盖时，显示当前打开的表单的自定义工具提示。我想使用 jQuery 使其中一个表单交互 - 具体来说，我希望根据表单顶部单选按钮的选择来显示不同的表单字段。但是，我的 jQuery .change() 处理程序似乎没有触发。

我添加工具提示的代码如下所示：

google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {
  var radius = circle.getRadius();
  var center = circle.getCenter();
  var circleForm = "<%= escape_javascript(haml(:tooltip_form)) %>";
  var circleInfoWindow = new google.maps.InfoWindow({
    content: circleForm
  });
  circleInfoWindow.setPosition(circle.getCenter());
  circleInfoWindow.open(map);

有问题的单选按钮位于 tooltip_form.haml 中，名为“group1”。在同一个 $(document).ready() 块的底部，我的 jQuery 代码如下所示：

$("input[name='group1']").change(function() {
  alert("Changed"); // sample code
});

但是，当工具提示出现并且我更改单选按钮选择时，处理程序没有触发。我发现如果我将名为“group1”的单选按钮添加到页面本身，处理程序会触发，但是当它们位于绘制圆圈后出现的工具提示中时，处理程序不会触发。谁能帮我解决这个问题？

4

0 回答 0