首次单击后,单击事件不会触发

时间:2015-01-28 18:33:42

标签: jquery-mobile

使用jquerymobile 1.4.5

我有一系列单选按钮

        <fieldset data-role="controlgroup" data-type="horizontal">
          <legend>Condition (handles etc.):</legend>
          <input name="radio-choice-h-28" id="radio-choice-h-28a" value="1" type="radio">
          <label for="radio-choice-h-28a">Satisfactory</label>
          <input name="radio-choice-h-28" id="radio-choice-h-28b" value="2" type="radio">
          <label for="radio-choice-h-28b">Unsatisfactory</label>
          <input name="radio-choice-h-28" id="radio-choice-h-28c" value="0" type="radio">
          <label for="radio-choice-h-28c">Not Applicable</label>
        </fieldset>

和两个按钮

  <form>
    <input id="set" data-inline="true" value="Save" type="button">
    <input id="reset" data-inline="true" value="Reset" type="button">
  </form>

事件附在文档就绪区域

<script type="text/javascript">
$(document).ready(function () {
$("#set").click(function() {
$('#radio-choice-h-28a').attr("checked", true).checkboxradio("refresh");
$("input[type='radio']").checkboxradio("refresh");
$('#radio-choice-h-28a').checkboxradio("refresh");
});

$("#reset").click(function () {
$("input[type='radio']").attr("checked", false).checkboxradio("refresh");
$("input[type='radio']").checkboxradio("refresh");
});
});
</script>  

我可以在第一时间设置收音机的值,并在第一次重置所有收音机按钮。

当我第二次点击设置按钮时,没有任何反应。 第一次点击后第二次点击重置也不会激活。

firebug没有显示任何错误消息,但每次单击按钮(设置和重置)时都会触发断点

我缺少什么?

2 个答案:

答案 0 :(得分:1)

发现它......

我将attr更改为prop,现在它可以工作......

$("#radio-choice-h-28a").prop("checked", true).checkboxradio("refresh");

答案 1 :(得分:0)

尝试使用

$(document).on('click', "#set", function(){

});

而不是

$("#set").click(function() { });