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

我有一个单独的html文件拆分成多个页面与divs。 在每个页面上，我有一个单位切换无线电按钮，按下我希望非可见页面上的所有相应的单选按钮也可以切换。

我尝试使用下面的代码，它适用于可见的页面，但在尝试设置不可见的单选按钮（a2和b2）时会抛出以下错误;

错误：无法在初始化之前调用checkboxradio上的方法; 试图调用方法’刷新’

代码示例;

  Imperial  Metric 
  

编辑：我创建了一个小提琴演示。 如果您转到链接 ，并单击带有firebug或类似激活的Metric按钮，您可以看到错误消息

任何协助，以帮助我理清如何实现所需的beviour将不胜感激！

谢谢

Answer 1

以下组合有效：

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

看这里的工作示例

这个链接帮助我找到了它

Answer 2

使用

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

代替

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