2

我正在使用 jQuery mobile 的翻转开关，默认情况下开关是关闭的。我不知道如何将默认值设置为“开”

<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 中，但无法使其正常工作。有人对这个有经验么？

4

3 回答 3

10

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

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

演示

于 2014-02-15T12:43:04.643 回答
2

由于某些原因，默认值将是第一个选项。您应该首先选择“ON”选项，或者只设置为“SELECTED”，如下所示；

<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>
于 2014-02-15T12:45:25.960 回答
2

尝试

添加selected="selected"到 On 以便在页面加载时选择它。

默认情况下总是选择第一个选项

<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不是为任何属性指定的组的成员

usingSELECTED将工作但不通过 w3 说无效:)

利用selected="selected"

于 2014-02-15T12:54:08.767 回答