jQueryMobileアプリがあり、SimpleDialog2ダイアログを閉じるとラジオボタンの選択が解除されるという問題が発生しています。これは、ダイアログがラジオボタンと同じ「ページ」で開いた場合にのみ発生します。
基本的に、私のページには3セットのラジオボタンがあります-(ここに1セットあります)
<div data-role="page" id="page1">
<div data-role="content">
<input type="radio" name="radio_set_1" id="one" value="one" checked="checked" />
<label for="one">One</label>
<input type="radio" name="radio_set_1" id="two" value="two"/>
<label for="two">Two</label>
</div>
</div>
同じページでダイアログ(SimpleDialog2)を開きます-
$('#page1').simpledialog2({
mode: 'button',
headerText: "Dialog Title",
headerClose: true,
buttonPrompt:"Prompt text",
buttons: {
'OK': {
click:function() {
}
}
}
});
このダイアログを閉じると、ラジオボタンの選択が解除されたように見えます(両方のボタンのチェックスタイルが失われます)。私のコードで実際にラジオボタンがチェックされていると、チェックされたスタイルが失われていることがわかります。リフレッシュメソッドを適用してみました-
$("input[type='radio']").checkboxradio("refresh");
しかし、これはうまくいきませんでした。
別の'page'divでsimpleDialog2ダイアログを開き、このダイアログを閉じてpage1に戻ると、ラジオボタンのスタイルが正しく維持されます。
何か案は?