Bootstrap Toggle eklentisini kullanarak bir geçiş düğmesi nasıl oluşturulur?

Question

Ben http://www.bootstraptoggle.com/#usage bu kütüphaneleri kullanıyorum bir geçiş düğmesi

<input type="checkbox" checked data-toggle="toggle"> 

oluşturmak için aşağıdaki kodu,

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 

var Ama bu sadece düz onay kutusu olarak görünür. Nasıl süslü görünmesini sağlayabilirim? http://jsbin.com/bocawucili/edit?html,output

Answer 1

sizin etiketlerin SİPARİŞ aşağı gelir, jQuery DAİMA gerektiriyorsa şey ÖNCE olması gerekiyor - İşte

Ben şimdiye kadar ne var bağlantısıdır.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>