如何使用JQuery手机在不可见的div页面中设置单选按钮？

Question

我使用div将单个html文件拆分为多个页面。在每个页面上，我有一个单位切换单选按钮，按下它时，我希望所有相应的单选按钮在不可见的页面上也切换。

我已经尝试了下面的代码，它在可见页面上工作得很好，但当它试图设置不可见的单选按钮(a2和b2)时，会抛出以下错误；

错误:无法在初始化之前调用checkboxradio上的方法；尝试调用方法“”refresh“”

代码示例；

    <fieldset data-role="controlgroup" data-type="horizontal" >
<input type="radio" align="center" name="radio-view1" id="radio-view-a1" checked="checked">
<label for="radio-view-a1">Imperial</label>
<input type="radio" name="radio-view1" id="radio-view-b1">
<label for="radio-view-b1">Metric</label>
    </fieldset>

    <!--script type="text/javascript" language="javascript">

$('#radio-view-a1').click(function(){       
    $('#radio-view-a1').attr('checked',true).checkboxradio("refresh");
    $('#radio-view-b1').attr('checked',false).checkboxradio("refresh");
    $('#radio-view-a2').attr('checked',true).checkboxradio("refresh");
    $('#radio-view-b2').attr('checked',false).checkboxradio("refresh");
    updown_toggle_units2imperial();
    });
$('#radio-view-b1').click(function(){
    $('#radio-view-a1').attr('checked',false).checkboxradio("refresh");
    $('#radio-view-b1').attr('checked',true).checkboxradio("refresh");
    $('#radio-view-a2').attr('checked',false).checkboxradio("refresh");
    $('#radio-view-b2').attr('checked',true).checkboxradio("refresh");
    updown_toggle_units2metric();
            });
   </script-->

编辑:我已经创建了一个小提琴来演示。如果您转到link，并单击激活了firebug或类似功能的指标按钮，则可以看到错误消息

任何帮助我解决如何达到期望的行为的帮助都将不胜感激！

谢谢

Answer 1

下面的组合起作用：

$("input[type='radio']").checkboxradio();
$("input[type='radio']").checkboxradio("refresh");

see working example here

This link帮我找出了答案

Answer 2

使用

$('#radio-view-b1').live('click',function(){ //your code });

而不是

$('#radio-view-a1').click(function(){ //your code });