jQueryMobile中的Flipswitch给出初始化错误

Flipswitch in jQueryMobile gives error of initialization

本文关键字：初始化 错误 中的 Flipswitch jQueryMobile      更新时间：2023-09-26

我有一个滑块在我的html页脚。

<div data-role="footer" data-position="fixed"> 
    <div class="ui-grid-a">
        <div class="ui-block-a">
            <div class="ui-bar">
                <div data-role="fieldcontain">
                    <label for="flip_repair">Repair Mode:</label>
                    <select id="flip_repair" name="flip_repair" data-role="slider" onchange="flip_repair_onchange(this.value)">
                        <option value="off" selected>Off</option>
                        <option value="on">On</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="ui-block-b">
            <div class="ui-bar">&nbsp;</div>
        </div>
    </div>
</div>

每次我想通过代码操作它，我得到以下错误:

Error: cannot call methods on flipswitch prior to initialization; attempted to call method 'refresh'

我已经检查了其他帖子，因为它看起来是一个常见的问题。他们建议使用文档。Pageinit而不是document。在使用JQM时准备好。我将这个更改应用到我的html中，但我仍然得到错误:

$(document).on('pageinit', function() {
    $('#flip_repair').prop('checked', true)
    .flipswitch('refresh');
});

看起来初始化意味着在开始时给出一个默认值:

$("#flip_repair").prop("selectedIndex", 0); 
$("#flip_repair").slider("refresh");
相关文章：