jquery - jQuery Mobile onSelect ... 选择单选按钮时加载对话框

Question

选择单选按钮时，如何在 jQuery Mobile 中启动 onselect？当用户选择一个单选按钮时，我希望 page30.html（一个对话框 msgbox）自动加载。

<div data-role="page" id="page29">
<div data-theme="a" data-role="header" data-position="fixed">
    <a data-role="button" data-rel="back" data-theme="b" data-icon="arrow-l" data-iconpos="left">
        Back
    </a>
</div>
<div data-role="content">
    <div data-role="fieldcontain" class="no-field-separator">
        <fieldset data-role="controlgroup" data-type="vertical">
            <legend>
            </legend>
            <input name="radiobuttons4" id="radio11" value="radio1" type="radio" />
            <label for="radio11">
                <span class="f_13">1 - </span>
            </label>
            <input name="radiobuttons4" id="radio13" value="radio13" type="radio" />
            <label for="radio13">
                <span class="f_13">2 - </span>
            </label>
        </fieldset>
    </div>
</div>
</div>

Answer 1

尝试添加data-role="dialog"到 page30 的页面容器。IE

<div data-role="dialog" id="page30">
    ...
</div>

然后在你的 javascript 中使用它。

$(document).on('change', '#radio11', function() {
    $.mobile.changePage('page30.html');
});

Answer 2

试试这个：

$('input:radio').change(function(){
   if($(this).val() == 'radio1') {
        $('#somewhere').load('path/to/page30.html')
   }
})