1

我有一个 jQueryMobile 应用程序,我遇到了一个问题,当我关闭 SimpleDialog2 对话框时,我的单选按钮似乎取消选择。仅当对话框与单选按钮在同一“页面”上打开时才会发生这种情况。

基本上我的页面上有 3 组单选按钮 - (这里是一组)

<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");

但这并没有奏效。

当我在不同的“页面”div 上打开一个 simpleDialog2 对话框,然后关闭此对话框并返回到 page1 时,单选按钮保持其样式正确。

有任何想法吗?

4

0 回答 0