0

コンテナー内に新しい 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コンテナ内にまたはHTML 要素を手動で作成する必要がありますか、selectそれともより良い方法がありますか?

ありがとう！

4

1 に答える 1

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"});

デモ

于 2015-04-13T13:18:49.583 に答える