jquery mobile - изменить состояние флип-переключателя по умолчанию

Question

Я использую Flip-переключатель 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

Пытаться

добавленной selected="selected" Вкл, чтобы он был выбран при загрузке страницы.

По умолчанию всегда выбран первый вариант

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

Скрипка Демо

<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"

Answer 2

Использование .val() установить значение Flipswitch, а затем повторно увеличить его .flipswitch("refresh"),

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

демонстрация

Answer 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>