Question

我在我的网络应用程序中使用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”的单选按钮，则处理程序将触发，但是当它们处于绘制圆形后出现的工具提示中时，处理程序将不会触发。任何人都可以帮我解决这个问题吗？

用于Google Maps工具提示的jQuery更改处理程序

0 个答案: