2014-02-26 30 views
0

這裏是我的代碼:「開/關」在引導複選框不工作

<html> 
<head> 
    <link href="bootstrap.css" rel="stylesheet"> 
    <link href="bootstrap-switch.css" rel="stylesheet"> 
    <script src="jquery.js"></script> 
    <script src="bootstrap-switch.js"></script> 

<script> 
    $("[name='my-checkbox']").bootstrapSwitch(); 
</script> 

</head> 

所有的CSS/JS文件是否正確鏈接,但還是我得到一個正常的檢查而不是切換按鈕。

plz幫助... :d

回答

1

我加入小提琴的複選框,這樣你可以有一個更好的瞭解

代碼:

<div class="input-group"> 
    <span class="input-group-addon"> 
     <input type="checkbox" /> 
</span> 

小提琴:

http://jsfiddle.net/CDZt8/

1

看起來你的腳本運行加載標記之前。您應該做到以下幾點:

$(function() { 
    $("[name='my-checkbox']").bootstrapSwitch(); 
}); 

...或關閉</body> tag之前將您的<script>標籤。

+0

仍然只顯示覆選框.. – user2781186

+0

@ user2781186然後檢查是否選擇器是正確的。 – VisioN

+0

現在它顯示「關閉」作爲文本和複選框。 – user2781186