jquery mobile flipswitch默认处于活动状态

时间:2014-03-24 03:27:50

标签: jquery-mobile jquery-mobile-flipswitch

我使用的是查询移动版1.4.0,我试图在默认情况下使我的翻转开关处于活动状态,但我不确定如何处理它。我已尝试将selected="selected"添加到<input>,但它似乎没有任何作用。有人有主意吗?

      <form>
      <div class="prof-wrap">
        <div class="prof-left">
          <div class="prof-txt-wrap">
            <div class="text-off">OFF TITLE</div>
            <div class="text-off2">OFF TYPE</div>
          </div>
        </div>
        <!-- END prof-left -->
        <div class="prof-mid">
          <div class="prof-switch">
            <input type="checkbox" data-role="flipswitch" name="flip-checkbox-4" id="flip-checkbox-4" data-wrapper-class="custom-size-flipswitch" selected="selected">
          </div>
          <!--END prof-mid --> 
        </div>
        <!-- END prof-switch -->
        <div class="prof-right">
          <div class="prof-txt-wrap2">
            <div class="text-active">ON TITLE</div>
            <div class="text-active2">ON TYPE</div>
          </div>
        </div>
        <!-- END prof-right --> 
      </div>
      <!-- END prof-wrap -->
      </form>

1 个答案:

答案 0 :(得分:1)

根据Documentation使用checked=""属性:

<form>
    <label for="flip-checkbox-4">Flip toggle switch checkbox:</label>
    <input type="checkbox" data-role="flipswitch" name="flip-checkbox-4" id="flip-checkbox-4" checked="">
</form>