将单击侦听器附加到按钮集中的jQueryUI按钮

Question

尝试将点击侦听器附加到按钮组中的所有按钮：

这是HTML：

<div id="options">
  <input class="optionCtrl" type="radio" name="radio" id="radio1" value="Yes" />
  <label for="radio1"> True </label>
  <input class="optionCtrl" type="radio" name="radio" id="radio2" value="No" />
  <label for="radio2"> False </label>
  <input class="optionCtrl" type="radio" name="radio" id="radio3" value="Maybe" />
  <label for="radio3"> Don’t know </label>
</div>

这是JS：

$("#options").buttonset();
$('.optionCtrl').click(function() {
  alert($(this).val());
});

但没有骰子。使用Chrome开发人员控制台，看起来jQueryUI正在用input元素和label元素替换span元素 - 将点击附加到标签也不起作用。有什么指针吗？

Answer 1

该问题与有问题的按钮组位于Goole Maps infowindow中有关。我需要切换单击侦听器以使用.on()，以便在创建infowindow并添加按钮内容时，单击侦听器可以正常工作。