jquery移动更改翻转开关默认状态

Question

我使用的是jQuery手机的翻转开关，默认情况下开关是关闭的。我不知道如何将默认值设置为“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("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>