我有一个 html 文件,用 div 分成多个页面。在每个页面上,我都有一个单位切换单选按钮,按下该按钮后,我希望不可见页面上的所有相应单选按钮也进行切换。
我尝试使用以下代码,该代码对于可见页面效果很好,但当它尝试设置不可见单选按钮(a2 和 b2)时会抛出以下错误;
错误:在初始化之前无法调用 checkboxradio 上的方法;尝试调用方法“刷新”
代码示例;
<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-->
编辑:我创建了一个 fiddle 来演示。如果您转到link ,然后点击带有firebug或类似激活的Metric按钮,您可以看到错误消息
任何帮助我解决如何实现所需行为的帮助将不胜感激!
谢谢
最佳答案
以下组合有效:
$("input[type='radio']").checkboxradio();
$("input[type='radio']").checkboxradio("refresh");
This link帮我找到了答案
关于jquery - 如何使用 JQuery Mobile 在不可见的 div 页面中设置单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13284989/