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

【问题标题】：jquery mobile - change flip switch default statejquery mobile - 更改翻转开关默认状态
【发布时间】：2014-02-15 12:33:13
【问题描述】：

我正在使用 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 中，但我无法让它工作。有人有这方面的经验吗？

【问题讨论】：

试试<option selceted="selected" value="on">On</option>
您使用的是哪个 jQM 版本？
@TusharGupta 的解决方案有效，谢谢。我正在使用 1.4.0 进行记录。
@rizzledon 我应该将其发布为答案吗？
@TusharGupta selected 有效，但 selected="selected" 无效。 jsfiddle.net/Palestinian/x2dw2

标签： jquery jquery-mobile flip jquery-mobile-flipswitch

【解决方案1】：

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

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

Demo

【讨论】：

你认为使用这种方法比在 html 中设置更明智吗？
@rizzledon HTML 绝对更明智。当你想动态设置它时使用它。
谢谢。我想知道为什么在选择上设置值不起作用。错过了翻转开关呼叫。
终于找到了我找了很久的答案——谢谢！

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

使用SELECTED 可以工作但不通过 w3 表示无效:)

使用selected="selected"

【讨论】：

您的第一条评论中有一个错字selceted=，我照原样复制了它。是的，selected="selected" 确实有效。 +1

【解决方案3】：

出于某些原因，默认值将是第一个选项。你应该先选择“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>

【讨论】：

这是比我的 +1 更好的解决方案。