FlipSwitch jQuery移动构造函数

时间:2015-04-13 11:46:50

标签: jquery jquery-mobile jquery-mobile-flipswitch

我正在寻找一种在容器内构建新的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>

不包含myText / offText标签。

我是否需要在容器内手动创建inputselect HTML元素,或者有更好的方法吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

首先创建将成为flipswitch的input元素,然后将其附加到容器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"});
  

<强> DEMO