标签: jquery-mobile-flipswitch

我已经创建了这样的jQuery Mobile flipswitch

<select id="flip" data-role="flipswitch">
    <option value="animal">Lion</option>
    <option value="flower">Rose</option>
</select>

我听听这个翻转开关的变化

$( document ).on( 'change', '#flip', function( e ) {
   console.log( 'changed' );
}

但是如果我改变flipswitch的值,我不希望触发事件

$( '#flip' ).val( 'flower' ).flipswitch( 'refresh' );

如何通过直接与其交互或设置值并刷新翻转开关来检查翻转开关是否已更改？

我在这个JSFiddle下创建了一个不需要的行为的例子.

我正在使用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但我无法让它工作.有人对这个有经验么？