jquery - FlipSwitch jQuery 移动构造函数

Question

我正在寻找一种在容器内构建新 FlipSwitch 控件的方法：<div id="container"/>

如果我跑$("#container").flipswitch({ onText:"Stay", offText:"Go"}); 生成的 HTML 是：

<div class="ui-flipswitch ui-shadow-inset ui-bar-inherit ui-corner-all">
    <a class="ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit" href="#"/>
    <span class="ui-flipswitch-off"/>
    <div class="ui-flipswitch-input" id="container" tabindex="-1"/>
</div>

其中不包含我的 onText/offText 标签。

我需要手动创建input或selectHTML 元素，还是有更好的方法来做到这一点？

谢谢！

Answer 1

首先创建将成为翻转开关的输入元素，然后将其附加到容器 div 中，最后初始化小部件：

var html = '<input type="checkbox" data-role="flipswitch" name="flip-checkbox-1" id="flip-checkbox-1">';
$("#container").append(html).find("input").flipswitch({ onText:"Stay", offText:"Go"});

演示