2017-01-22 6 views
0

Ich beginne mit Bootstrap-Schalter.Bootstrap-Switch funktioniert nicht

Ich habe die Demos von http://www.jque.re/plugins/version3/bootstrap.switch/

Das Problem ist, dass der Schalter spielt keine Shows verwendet. Es zeigt nur ein Standard-Kontrollkästchen.

<div class="make-switch" data-on="primary" data-off="info"> 
     <input type="checkbox" checked> 
</div> 

Ich habe auch die css und js Mitarbeiter enthalten.

JSFiddle: http://jsfiddle.net/crtLwdg4/

Was bin ich hier?

+0

Es scheint, dass Sie nicht jQuery in Ihrer Geige enthalten haben, was mich glauben lässt, dass Sie es nicht in Ihrem HTML enthalten haben. jQuery muss oberhalb der Bootstrap-Includes enthalten sein. – Matthew

+0

In meinem lokalen PC habe ich es aufgenommen. Aber ich habe gerade in JSFiddle aufgenommen und es hat keinen Unterschied gemacht. –

Antwort

1

Ich habe dies nur zu fiddle hinzugefügt und es scheint das Aussehen hat sich geändert.

$(function() { 
    $('.make-switch').bootstrapSwitch(); 
}); 

Es scheint, dass Sie den Schalter manuell initialisieren müssen. Ich habe nur einen Blick auf die Dokumente geworfen, aber das hat das Erscheinungsbild der Checkbox verändert.

UPDATE

Ich konnte es indem Sie einen Namen Eigenschaft zum Eingang erhalten und die jquery entsprechend zu ändern. siehe hierzu updated fiddle.

+0

Danke Mann, es war es –

+0

Es erscheint jetzt, warum es nach dem Klicken nicht ein- und ausschalten? –

+0

Ich sehe, danke –

Verwandte Themen