9

これが私のコードです-

<div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;">
            <div style="left: 0px; width: 150px;"><input type="checkbox" checked="checked"><span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;">ON</span><label for="" style="width: 50px; height: 25px;"></label><span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;">OFF </span></div>
        </div>
    </div>

脚本-

$(document).ready(function() {
        $('#normal-toggle-button').toggleButtons();
    });

このページにある基本的なボタンが欲しい -スイッチボタン

私は大丈夫です。しかし、私はまだ逃した何か。

ここでチェックイン - フィドル

4

2 に答える 2

-1

クラスの問題

クラスを「トグルボタン」のままにして、「スイッチ」に変更します

更新されたフィドルは次のとおりです。http://jsfiddle.net/WvRZw/10/

 <div id="normal-toggle-button" class="toggle-button"....

への変更

  <div id="normal-toggle-button" class="switch" ....

css/javascript インクルード

ブートストラップ javascript と css も含める必要があります (リソース セクションを参照) (javascript と css を含めることについても: How to get bootstrap buttons to show active state? )

于 2013-02-20T05:52:04.530 に答える