Question

我正在使用jQuery mobile的翻转开关，默认情况下开关是关闭的。我无法弄清楚如何将默认值设置为“ON”

<form id="sound-switch">
        <select name="flip-3" id="snd-switch" data-role="flipswitch" data-mini="true">
        <option value="off">Off</option>
        <option value="on">On</option>
    </select>
</form>

我在某处读到了将value="on"添加到html但我无法让它工作。有没有人有这方面的经验？

Answer 1

使用.val()设置Flipswitch的值，然后重新增强它.flipswitch("refresh")。

$("#snd-switch").val("on").flipswitch("refresh");

<强> Demo

Answer 2

出于某些原因，默认值将是第一个选项。您应首先选择“开启”，或者将其设置为“已选择”，如下所示;

<form id="sound-switch">
    <select name="flip-3" id="snd-switch" data-role="flipswitch" data-mini="true">
    <option value="off">Off</option>
    <option selected value="on">On</option>
    </select>
</form>

Answer 3

尝试

将selected="selected"添加到“开”，以便在页面加载时选中它。

默认情况下，始终选择第一个选项

<option selceted="selected" value="on">On</option>

Fiddle Demo

<form id="sound-switch">
    <select name="flip-3" id="snd-switch" data-role="flipswitch" data-mini="true">
        <option value="off">Off</option>
        <option selected="selected" value="on">On</option>
    </select>
</form>

<小时/> 点击http://validator.w3.org/check

SELECTED不是为任何属性

指定的组的成员

使用SELECTED会起作用，但不会传递w3说无效：）

使用selected="selected"

jquery mobile - 更改翻转开关的默认状态

3 个答案: