jquery-ui - 将单击侦听器附加到按钮集中的 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 信息窗口中的事实有关。我需要将点击侦听器切换为使用.on()以便在创建信息窗口并添加按钮内容时，点击侦听器工作。