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的页面容器中。即。

<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')
   }
})

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

2 个答案: