Como definir botões de opção em páginas div não visíveis com o JQuery Mobile?
Eu tenho um único arquivo html dividido em várias páginas com divs. Em cada página eu tenho uma unidade que alterna o botão de rádio, que ao pressionar eu gostaria de alternar todos os botões de rádio correspondentes nas páginas não visíveis para alternar também.
Eu tentei com o código abaixo, que funciona bem para a página visível, mas lança o seguinte erro ao tentar definir o botão de opção não visível (a2 e b2);
Erro: não é possível chamar métodos no checkboxradio antes da inicialização; tentou chamar o método 'atualizar'
Exemplo de código;
<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-->
Edit: Eu criei um violino para demonstrar. Se você vai paraligação, e clique no botão Métrica com firebug ou similar ativado, você pode ver a mensagem de erro
Qualquer ajuda que me ajude a resolver como alcançar a meta desejada seria muito apreciada!
obrigado